@import url(reset.css);
@import url(smoothness/jquery-ui-1.8rc3.custom.css);

/* PB Orange: rgb(233,70,20); */


html {background:url(/images/bg-tile.gif) repeat rgb(178,181,183);}

body {
	background:url(/images/bg-light.png) no-repeat transparent top center;
	font-family:"Helvetica Neue", Arial, Sans-serif;
}

.hidden {
  display: none;
}

/* Self-Clear floats */

.group:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#wrapper {
  width:1200px;
  margin:0 auto;
	padding:0 15px;
}

#facebook #wrapper {
  width:712px;
  min-height: 560px;
}

#wrapper-sessions {
	height:;
	width:560px;
	margin:0 auto;
	padding-top:200px;
}

#header {}

#credentials {
	color:rgb(90,90,90);
	text-align:right; 
	padding:10px; 
	font-size:.8em; 
	font-weight:bold;
	position:relative;
}
#credentials a {
	text-decoration:none;
	font-weight:bold;
	color:rgb(90,90,90);
	text-shadow:0px 1px 0px rgb(225,225,225);
}
#credentials a:hover {color:rgb(70,70,70);}
#credentials a:active {color:rgb(50,50,50);}

#credentials .mail-icon {padding:5px 0 5px 27px;}
#credentials .mail-icon.mail-inactive {
	background:url('/images/mail-icon-inactive.png') no-repeat left center;
}
#credentials .mail-icon.mail-active {
	background:url('/images/mail-icon-active.png') no-repeat left 5px;
}

.global-search {
	display:inline-block;
	float:right;
	margin-right:10px;
}
input#global-search-field {
	background:rgb(230,230,230);
	color:rgb(50,50,50);
	padding:2px 6px;
	margin:0;
	vertical-align:middle;
	width:127px;
	height:15px;
	border:1px solid rgb(150,150,150);
	-webkit-border-radius:16px 0 0 16px;
	-moz-border-radius:16px 0 0 16px;
	border-radius:16px 0 0 16px;
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:0px 1px 0px rgba(255,255,255,0.5);
}
input#global-search-field:focus {
	background:rgb(255,255,255);
	color:rgb(25,25,25);
}
input#global-search-button {
	vertical-align:middle;
	margin:0 0 0 -5px;
	padding:0;
	height:21px;
	width:25px;
	background:url('../images/btn-gradient-overlay.png') repeat-x top, url('../images/icon-search.png') no-repeat 4px 3px rgb(233, 70, 20);
	border:1px solid rgb(163, 49, 14);
	-webkit-border-radius:0 16px 16px 0;
	-moz-border-radius:0 16px 16px 0;
	border-radius:0 16px 16px 0;
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:0px 1px 0px rgba(255,255,255,0.5);
}
input#global-search-button:hover {background:url('../images/btn-gradient-overlay.png') repeat-x top, url('../images/icon-search.png') no-repeat 4px 3px rgb(234,086,040);}
input#global-search-button:active {background:url('../images/btn-gradient-overlay.png') repeat-x top, url('../images/icon-search.png') no-repeat 4px 3px rgb(234,097,054);}  

#credentials p {
	float:right;
}

#navigation {                         
  width:100%;                         
	height:45px;
	margin-top:19px;
	margin-bottom:10px;
	border:1px solid rgb(52,52,52);
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px; 
	background:url('/images/nav_bg.png') repeat-x 0px 0px rgb(71,71,71);
}

#navigation ul {float:right;}

#navigation li {display:block; float:left; text-align:center;}

#navigation ul a {
	font-size:1.1em;
	color:rgb(255,255,255);
	font-weight:bold;
	display:block;
	width:164px;
	height:27px;
	padding:12px 0 6px;
	background:url('/images/nav_bg.png') repeat-x 0px 0px rgb(71,71,71);
	border-left:1px solid rgb(90,90,90);
	border-right:1px solid rgb(52,52,52);
	text-decoration:none;
	}

	
#navigation ul a:hover {
	background:url('/images/nav_bg.png') repeat-x 0px -45px rgb(90,90,90);
}
#navigation ul a:active {
	background:url('/images/nav_bg.png') repeat-x 0px -90px rgb(60,60,60);
}
div#navigation a#dashboards_nav {
	padding:0px 46px 2px 46px;
	border-left:none;
	text-align:center;
	-webkit-border-radius: 7px 0 0 7px;
	-moz-border-radius: 7px 0 0 7px;
	border-radius: 7px 0 0 7px; 
	text-indent:-5555px;
	overflow:hidden;
	background:url('/images/pedalbrain_icon.png') no-repeat center;
	height:43px;
	width:112px;
}
div#navigation ul:last-child li:last-child a {
	border-right:none;
	-webkit-border-radius: 0 7px 7px 0;
	-moz-border-radius: 0 7px 7px 0;
	border-radius: 0 7px 7px 0;
}
#dashboards #navigation ul:first-child li:first-child {
	background:url('/images/nav_bg.png') repeat-x 0px -45px rgb(90,90,90);
	-webkit-border-radius: 7px 0 0 7px;
	-moz-border-radius: 7px 0 0 7px;
	border-radius: 7px 0 0 7px;
}
#navigation #dashboards_nav:hover {
	background:url('/images/pedalbrain_icon.png') no-repeat center, url('/images/nav_bg.png') repeat-x 0px -45px rgb(90,90,90);
}
#navigation #dashboards_nav:active {
	background:url('/images/pedalbrain_icon.png') no-repeat center, url('/images/nav_bg.png') repeat-x 0px -90px rgb(90,90,90);
}
#workouts #workouts_nav,
#analyses #analyses_nav,
#routes #routes_nav,
#teams #teams_nav,
#coaches #coaches_nav {
	background:url('/images/nav_bg.png') repeat-x 0px -45px rgb(90,90,90);
}

#datebar {
	border:1px solid rgb(100,100,100);
	margin:0px auto -8px;
	width:1200px;
	background:url('/images/datebar_bg.png') repeat-x top rgb(99,99,99);
	-webkit-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	z-index:-55;
}
#datebarinner {
	/*padding:9px 11px 15px;*/
	border:1px solid rgb(150,150,150);
	-webkit-border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
  height:17px;
  padding:9px 11px 15px;
  /*padding: 7px 15px 0px 7px;*/
  /*height: 30px;*/
	z-index:0;
}
#analyses #datebarinner {
	position:relative;
}
#datebarinner h3 {
	color:rgb(235,235,235);
	text-shadow:0px -2px 0px rgb(105,105,105);
	text-transform:none;
	font-weight:normal;
  margin-bottom: 2px;
	margin-right:5px;
  display: inline-block;
  vertical-align: top;
	float:left;
}

#workouts #share-button {
	cursor:pointer;
}


#workouts #datebarinner {
  display: block;
  overflow: hidden;
/*  position: relative;*/
}
#datebarinner .datebar-workout-numbers {
	float: right;
	color:rgb(235,235,235);
	text-shadow:0px -2px 0px rgb(105,105,105);
}
#workouts #datebarinner h4 {margin: 0;}

/*.alignleft {
  float: left;
}
*/
#workouts .horiViewport {
  overflow: hidden;
  width: 200px;
	margin-top:-2px;
/*  display:inline-block;*/
	float:left;
}
#workouts .horiRevealWrapper {
  overflow: hidden;
  position: relative;
	left:-118px;
  width: 175px;
/*background:blue;*/
	}
  #workouts .horiRevealWrapper p.revealTrigger {
    float: right;
    padding: 0 0 0 0px;
		}
  #workouts .horiRevealWrapper .revealTrigger a {
    color:rgb(195,195,195);
		text-shadow:0px -2px 0px rgb(105,105,105);
/*    display: block;*/
    overflow: hidden;
    padding: 3px 3px 0px 0px;
    text-decoration: none;
		text-transform:lowercase;
		font-size:12px;
		font-style:italic;
		font-family:Georgia;
		}
		#workouts .horiRevealWrapper .revealTrigger a:hover {color:rgb(255,255,255);}
		#workouts .horiRevealWrapper .revealTrigger a:active {color:rgb(230,230,230);}
    #workouts .horiRevealWrapper .revealTrigger a span {
      display: block;
      float: left;
      margin: 6px 0 0 0;
      padding: 0 14px 0 5px;
      cursor: pointer;
      background-image: url(/images/arrow_gray.png);
/*      background-position: right -18px;*/
      background-repeat: no-repeat;
/*			background:red;*/
			}
      #workouts .horiRevealWrapper .revealTrigger a span.pointleft {
        background-position: right -14px; }
      #workouts .horiRevealWrapper .revealTrigger a span.pointright {
        background-position: right 0px; }
  #workouts .horiRevealWrapper .horiRevealContent {
    position: relative;
    float: left;
    width: 120px;
/*		background:red;*/
	}
    #workouts .horiRevealWrapper .horiRevealContent li {
      display: block;
      float: left;
      list-style: none;
      margin: 0;
/*    text-decoration: none;*/
			}
.fb_share {
	padding:2px;
	color: rgb(59, 89, 152);
	background-color: rgb(236, 238, 245);
	border:1px solid rgb(202,212,231);
	margin-left:5px;
	vertical-align:0px;
	font-size:0.70em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-background-clip: padding-box;
	font-family:"Lucida Grande", tahoma, verdana, arial, sans-serif;
}

.FBConnectButton_Text_Simple {
	text-decoration:none;
}

.viewing-athlete {
	width:1145px;
	height:17px;
	margin-bottom: 10px; 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#141414), to(#313131)); 
	background: -moz-linear-gradient(19% 75% 90deg,#313131, #141414); 
	padding: 15px 10px 5px 45px;
	display:block; 
	border: solid 1px rgb(50,50,50); 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position:relative;
	box-shadow:inset 0 0 2px #fff;
	-moz-box-shadow:inset 0 0 2px #fff;
	-webkit-box-shadow:0px 0px 2px #fff inset;
	overflow:hidden;
}
.viewing-athlete a.viewing-athlete-avatar {
	border:1px solid rgb(200,200,200);
	background:url('../images/btn-viewing-gradient-overlay.png') repeat-x 0px -1px rgb(120,120,120);
	display:block;
	width:36px;
	height:35px;
	position:absolute;
	top:0px;
	left:0px;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 7px 0 0 7px;
}
.viewing-athlete-avatar img {
	width:22px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:1px solid rgb(225,225,225);
	position:absolute;
	top:5px;
	left:6px;
}

span.now-viewing {
	position:absolute;
	top:4px;
	left:45px;
	text-transform:uppercase;
	font-size:10px;
	color:rgb(175,175,175);
}

a.viewing-athlete-title {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
ul.viewing-team-list {
	position:absolute;
	right:336px;
	top:5px;
	text-align:right;
	margin-left:294px;
	line-height:1.5em;
}
ul.viewing-team-list li {
	float:left;
	margin-left:4px;
}
ul.viewing-team-list li a {
	display:block;
}
ul.viewing-team-list li img {
	width:24px;
	border-radius:2px;
	border:1px solid rgb(150,150,150);
	opacity:0.8;
}
ul.viewing-team-list li img:hover {border:1px solid rgb(200,200,200); opacity:1;}
ul.viewing-team-list li img:active {border:1px solid rgb(225,225,225);}

.viewing-athlete-action {
	color: white;
	text-shadow:0px -1px 0px rgba(0,0,0,0.45); 
	text-decoration: none; 
	float: right; 
	font-weight:bold;
	display:block;
	background:url('../images/btn-viewing-gradient-overlay.png') repeat-x 0px -1px rgb(120,120,120);
	border:1px solid rgb(200,200,200);
	padding:8px 15px 11px 17px;
	width:131px;
	text-align:center;
	position:absolute;
}
.viewing-athlete-action:hover,
a.viewing-athlete-avatar:hover {
	background:url('../images/btn-viewing-gradient-overlay.png') repeat-x 0px -1px rgb(140,140,140);
}
.viewing-athlete-action:active,
a.viewing-athlete-avatar:active {
	background:url('../images/btn-viewing-gradient-overlay.png') repeat-x 0px -1px rgb(150,150,150);
}

.back-to-me {
	right:0;
	top:0;
	-webkit-border-radius:0 8px 8px 0;
	-moz-border-radius:0 8px 8px 0;
	border-radius:0 7px 7px 0;
}
.viewing-athlete-send-message {
	top:0;
	right:165px;
	width:132px;
	border-right:1px solid rgb(50,50,50);
}


/* Footer */

#footer {
	padding-left: 15px;
	color: #6d6e71;
	text-shadow: 0 1px 0 #dcdfe2;
	}
	#footer a {
		color: #146594;
		text-decoration: none;
		}
	#footer a:hover {
		color: #27556f;
		}

.legal {
	float: left;
	font-size: 12px;
	padding-bottom: 20px;
	line-height:1.3em;
}

/* Warning Container */
#warningcontainer {
	width:1150px;
	margin:0 auto 10px;
	padding:20px 25px;
	background:rgb(245,245,245);
	border:1px solid rgb(200,0,0);
	height:110px;
	font-family:Arial, sans-serif;
	display: none;
	position:relative;
}
.warningtext {float:left;}
#warningcontainer .warningtext h2 {
	color:rgb(200,0,0);
	width:340px;
	font-size:1.5em;
	line-height:1.1em;
	padding-bottom:15px;
	border-bottom:1px solid rgb(200,200,200);
}
#warningcontainer .warningtext p {
	padding-top:5px; 
	width:340px; 
	font-size:0.8em;
	}
#warningcontainer .browser {
	width:110px;
	float:left;
	text-align:center;
	font-weight:bold;
	margin-top:-11px;
	margin-left:108px;
	font-size:0.9em;
}
#warningcontainer a {text-decoration:none; color:rgb(200,0,0);}
#warningcontainer a:hover {color:rgb(150,0,0);}
#warningcontainer a:active {color:rgb(125,0,0);}
.browser-warning-close-btn {
	position:absolute;
	top:15px;
	right:20px;
	font-weight:bold;
	font-size:0.9em;
}

/* Week Bar */

#week {
	width:100%;
	height:138px;
	margin:0 auto 10px;
	border:1px solid rgb(140,140,140);
	background:rgb(225,225,225);
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	position:relative;
}

#week li {
	background:rgb(225,225,225);
	display:block; 
	float:left;
	padding:4px 5px;
	width:154px;
	height:128px;
	min-height:95px;
	border:1px solid rgb(255,255,255);
	border-right:1px solid rgb(140,140,140);
	font-weight:bold;
	color:rgb(125,125,125);
	text-shadow:0px 1px 0px rgb(255,255,255);
	position:relative;
	overflow:auto;
}

#facebook #week {
  width: 600px;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
}

#facebook #week li {

  width: 70px;
}

#week li:first-child {
	width:155px;
}
#week li:last-child {
	-webkit-border-radius:0 8px 8px 0;
	-moz-border-radius:0 8px 8px 0;
	border-radius:0 8px 8px 0;
	border-right:none;
}

#week li a {
	color:rgb(125,125,125);
	text-decoration: none;
}

#week li a:hover {
	color:rgb(75, 75, 75);
}

.monthpicker {
	height:136px;
	width:37px;
	float:left;
	background:url('/images/vertical_gradient.png') repeat-y center rgb(67,67,67);
	-webkit-border-radius:7px 0 0 7px;
	-moz-border-radius:7px 0 0 7px;
	border-radius:7px 0 0 7px;
	border:1px solid rgb(67,67,67);
	border-right:none;
	position:relative;
}

.calendaricon img {
	margin:5px 5px 0px;
}

.monthvertical {
	font-weight:bold;
	display:block;
	font-size:1.2em;
	color:rgb(255,255,255);
	text-shadow:1px 0px 0px rgb(0,0,0);
	width:25px;
	position:absolute;
	bottom:0;
	margin:0px 4px 12px;
/*	padding:12px 0 8px 5px;*/
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
	
.activeevent, .inactiveevent {
	position:relative;
	padding:4px;
	margin-top:5px;
	background:url('/images/calendar_reflection.png') no-repeat top rgb(233,70,20);
	border:1px solid rgb(177,53,15);
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow:0px 0px 2px rgba(255,255,255,0.5) inset;
	-moz-box-shadow:0px 0px 2px rgba(255,255,255,0.5) inset;
	box-shadow:0px 0px 2px rgba(255,255,255,0.5) inset;
}
.inactiveevent {
	background:url('/images/calendar_reflection.png') no-repeat top rgb(118,118,118);
	border:1px solid rgb(99,99,99);
}
#week h5 {
	color:rgb(255,255,255);
	text-shadow:none;
	font-size:0.75em;
}
.eventtime, .eventdistance, .activityname, .activitycount {
	margin-top:5px;
	font-weight:normal;
	color:rgba(255,255,255,0.8);
	font-size:0.75em;
	text-shadow:none;
}
.eventdistance, .activityname {float:left;}
.eventtime, .activitycount {text-align:right;}

#week li a.new_event {
	background:url('/images/new-btn-bg.png') repeat-x 0px 0px rgb(210,210,210);
	border:1px solid rgb(180,180,180);
	color:rgb(120,120,120);
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	text-shadow:none;
	padding:0px 5px 3px;
	font-size:0.8em;
	text-decoration:none;
	position:absolute;
	bottom:5px;
	right:5px;
}
#week li a.new_event:hover {
	background:url('/images/new-btn-bg.png') repeat-x 0px -16px rgb(210,210,210);
	border:1px solid rgb(150,150,150);
/*	color:rgb(110,110,110);*/
	text-shadow:0px 1px 0px rgb(230,230,230);
}
#week li a.new_event:active {
	background:url('/images/new-btn-bg.png') repeat-x 0px -32px rgb(210,210,210);
}

#week .week-selectors {display:none; z-index:2;}
#week .week-selectors a {
	z-index:2;
	background:url('/images/week-selectors-shadow.png') top right no-repeat rgb(175,175,175);
	padding:2px 7px 4px;
	border:1px solid rgb(140,140,140);
	position:absolute;
	font-weight:bold;
	color:rgb(255,255,255);
	text-decoration:none;
	font-size:0.9em;
	text-shadow:0px -1px 0px rgb(140,140,140);
	}
#week .week-selectors a:hover {color:rgb(240,240,240);}
#week .week-selectors a:active {color:rgb(220,220,220);}
#week .week-selectors-previous {
	bottom:-1px;
	left:38px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	background-position:top right;
}
#week .week-selectors .week-selectors-next {
	top:-1px;
	right:-1px;
	-webkit-border-radius:0 8px 0 4px;
	-moz-border-radius:0 8px 0 4px;
	border-radius:0 8px 0 4px;
	background-position:0% 100%;
}
.add_event {
	position:absolute;
	top:4px;
	right:4px;
	padding:1px 4px 2px;
	text-decoration:none;
	text-shadow:none;
/*	border:1px solid rgba(0,0,0,0.2);*/
	border-bottom:1px solid rgba(0,0,0,0.2);
	background:rgba(0,0,0,0.2);
	font-size:0.6em;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:rgb(255,255,255);
}
.add_event:hover {
	background:rgba(0,0,0,0.3);
}

/* Analysis
----------------------------------------------*/
#analysis {}

#datebarinner .form-submit-section {
	position:absolute;
	top:2px;
	right:15px;
}
#datebarinner .form-submit-section input {
	margin-left:5px;
}
#datebarinner h3 span, #datebarinner h3 span a {
	font-size:0.77em;
	font-family:Georgia, "Times New Roman", serif;
	font-style:italic;
	color:rgb(195,195,195);
}
#datebarinner h3 span a {
  font-size: 1em;
  text-decoration: none;
  margin-left: 5px;
}
#datebarinner h3 span a:hover {
  color:rgb(255,255,255);
}

.range-picker {
	position:relative;
	float:left;
	width:781px;
	height:190px;
	padding:5px 5px 5px 12px;
	background:rgb(80,80,80);
	border:1px solid rgb(56,56,56);
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	overflow:hidden;
	z-index: -30;
	-webkit-background-clip: padding-box;
}
.range-picker h3 {
	color:rgb(255,255,255);
/*	font-size:1em;*/
	text-shadow:0px -1px 0px rgb(50,50,50);
	text-transform:uppercase;
	margin:3px 0 1px;
}
.range-picker input {
	width:100px;
	margin:5px 5px 5px 0;
}
.range-picker .form-submit-section input {
	float:left;
	padding:6px;
}

.range-picker p {
	font-size:0.8em;
	color:rgb(240,240,240);
	display:inline;
}
.range-picker-months-container {
  min-width:1000px;
	height:186px;
	position:absolute;
	top:8px;
  left:148px;
	overflow: hidden;
	z-index: -20;
}
.range-picker .range-picker-month-fields {
	width:104px;
	height:183px;
}
.range-picker-months-container .range-picker-month {
	width:204px;
	margin-left:10px;
	height:183px;
	float:left;
}
.range-picker-month h4 {
	color:rgb(200,200,200);
	margin:0 0 6px;
	font-size:1em;
	text-shadow:0px -1px 0px #999;
}
.range-picker a.btn-range-month-next,
.range-picker a.btn-range-month-previous {
	height:20px;
	width:21px;
	display:block;
	text-indent:-5555px;
	overflow:hidden;
	position:absolute;
	z-index:5;
	top:5px;
}
	.range-picker a.btn-range-month-next {
		background:url('/images/btn-range-month-next.png') no-repeat 0px 0px;
		right:8px;
	}
	.range-picker a.btn-range-month-previous {
		background:url('/images/btn-range-month-previous.png') no-repeat 0px 0px;
		right:30px;
	}
	.range-picker a.btn-range-month-next:hover,
	.range-picker a.btn-range-month-previous:hover {
		background-position-y:-20px;
	}
	.range-picker a.btn-range-month-next:active,
	.range-picker a.btn-range-month-previous:active {
		background-position-y:-40px;
	}
.range-picker .range-picker-months-container .range-picker-month ul.range-month {
	background:none;
	margin-top:4px;
}
#maincontainer_empty .range-picker-months-container .range-picker-month ul.range-month li {
	float:left;
	width:28px;
	height:25px;
	background:rgb(90,90,90);
	padding:1px 0 0;
	line-height:1.8em;
	min-height:0;
	color:rgb(255,255,255);
	text-shadow:none;
	overflow:hidden;
	border:none;
	font-size:13px;
	font-weight:bold;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align:center;
	border-left:1px solid rgb(65,65,65);
	border-bottom:1px solid rgb(65,65,65);
}
#maincontainer_empty .range-picker-months-container .range-picker-month ul.range-month li.range-selected {
	background:url('/images/range-bg.png') repeat-x top rgb(241,69,3);
}
#maincontainer_empty .range-picker-months-container .range-picker-month ul.range-month li.blank-date {
	background:none;
	border-left:1px solid rgb(80,80,80);
}
#maincontainer_empty .range-picker-months-container .range-picker-month ul.range-month li:last-child {
	border-right:1px solid rgb(65,65,65);
}
#maincontainer_empty .range-picker-months-container .range-picker-month ul.range-month li.date-side {
	border-right:1px solid rgb(65,65,65);
}
#maincontainer_empty .range-picker-months-container .range-picker-month ul.range-month li.date-top-row {
	border-top:1px solid rgb(65,65,65);
}
#maincontainer_empty .range-picker-months-container .range-picker-month ul.range-month li:hover {
  background-color: rgb(125,125,125);
}
#maincontainer_empty .range-picker-months-container .range-picker-month ul.range-month li:active {
  color: rgb(210,210,210);
}
#maincontainer_empty .range-picker-months-container .range-picker-month ul.range-month li.range-selected:hover {
  color: rgb(225,225,225);
  background:url('/images/range-bg.png') repeat-x top rgb(241,69,3);
}

.analysis-threecol {
	width:368px;
	height:176px;
	padding:12px 15px;
	float:left;
	border:1px solid white;
}
.analysis-fourcol {
	width:268px;
	height:176px;
	padding:12px 15px;
	float:left;
	border:1px solid white;
}
.analysis-quickranges {
	border-bottom:1px solid rgb(130,130,130);
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
}
.analysis-quickranges ul li {
  padding:5px 7px 6px;
	margin:0px 10px 10px 0;
	float:left;
	font-size:1.3em;
	font-weight:bold;
	color:rgb(130,130,130);
	text-decoration:none;
	background:rgb(250,250,250);
	border:1px solid rgb(170,170,170);
	text-shadow:0px 1px 0px white;
	-webkit-box-shadow:0px 1px 1px white;
	-moz-box-shadow:0px 1px 1px white;
	box-shadow:0px 1px 1px white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.analysis-quickranges ul li:hover {color:rgb(115,115,115);}
.analysis-quickranges ul li:active {color:rgb(100,100,100);}

.analysis-overview,
#analysis-exclusions {
	border-right:1px solid rgb(130,130,130);
}

.analysis-overview {
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-left-radius: 7px;
}
.analysis-overview h2 {
	font-size:2.5em;
	font-weight:bold;
	color:rgb(130,130,130);
	margin:-5px 0 0;
}
.analysis-overview h4 {
	font-size:1.6em;
	color:rgb(130,130,130);
	margin:0 0 10px;
}
#analysis-exclusions {
	background:rgb(240,240,240);
}
.drag-instructions {
	font-family:Georgia, serif;
	color:rgb(150,150,150);
	font-style:italic;
	text-align:center;
	margin-top:60px;
	text-shadow:0px -1px 0px white;
}
#analysis-tags {
	border-right:1px solid rgb(150,150,150);
}
#analysis-inclusions {
	background:rgb(240,240,240);
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
}
#analysis-tags ul li, #analysis-exclusions ul li, #analysis-inclusions ul li {
	padding:3px 12px 5px;
	margin:0px 10px 10px 0;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	color:rgb(240,240,240);
	text-decoration:none;
	background:url('/images/btn-gradient-overlay.png') repeat-x top rgb(70,70,70);
	border:1px solid rgb(50,50,50);
	text-shadow:0px -1px 0px rgb(40,40,40);
	-webkit-box-shadow:0px 1px 1px white;
	-moz-box-shadow:0px 1px 1px white;
	box-shadow:0px 1px 1px white;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
#analysis-tags ul li:hover , #analysis-exclusions ul li:hover , #analysis-inclusions ul li:hover {
  background-color:rgb(90,90,90); cursor:move;
}

.analysis-workout-drawer {
	padding:17px;
	width:1168px;
	height:250px;
	margin:-15px 0 10px;
	z-index:1;
	background:url('/images/bg-blacktexture.png') repeat rgb(35,35,35);
/*	border:1px solid rgb(20,20,20);*/
	-webkit-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
	position:relative;
	-webkit-background-clip: padding-box;
}
.analysis-workout-drawer h3 {text-shadow:0px -1px 0px black;
	position:absolute;
	}

.analysis-workout-drawer .workout-table-container {
	max-height:222px;
	width:1167px;
	top:42px;
	overflow:auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position:absolute;
}
#analyses .accordion-container {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-background-clip: padding-box;
}
.analysis-workout-drawer table {
	width:100%;
}
.analysis-workout-drawer table a {
	color:white;
	font-weight:bold;
}
.analysis-workout-drawer table a:hover {color:rgb(220,220,220);}
.analysis-workout-drawer table a:active {color:rgb(200,200,200);}

.analysis-workout-drawer table thead th {
	font-size:0.9em;
	border-bottom:none;
	color:rgb(100,100,100);
}
.analysis-workout-drawer table tbody td {
	background:rgb(100,100,100);
	color:rgb(240,240,240);
	text-shadow:0px -1px 0px rgb(50,50,50);
	border-bottom:1px solid rgb(75,75,75	);
}
.analysis-workout-drawer tbody tr td:first-child {
	width:80px;
}
.analysis-workout-drawer tbody tr td:nth-child(2) {
	text-align:left;
	width:335px;
}
.analysis-workout-drawer thead tr:first-child th:nth-child(2) {
	text-align:left;
}

.analysis-workout-drawer input {
	margin:0;
}
#analyses .analysis-numbers-columngroup {
	width:389px;
/*	background:black;*/
	margin-bottom:0;
	margin-right:50px;
}
#analyses .analysis-numbers-leftcol,
#analyses .analysis-numbers-middlecol,
#analyses .analysis-numbers-rightcol {
	font-weight:bold;
	color:rgb(115,115,115);
	font-size:1.9em;
	text-shadow:0px 1px 0px rgb(255,255,255);
	line-height:1.2em;
}
#analyses .analysis-numbers-leftcol {
	color:rgb(150,150,150);
	width:210px;
}

#analyses .analysis-center-column {
	width:200px;
}
#analyses .analysis-center-column .analysis-numbers-leftcol {
	width:80px;
}
#analyses .analysis-right-column {width:450px; margin:-36px 0 0 0;}
#analyses .analysis-right-column .analysis-numbers-middlecol {width:80px;}

#analyses .analysis-min-max {font-weight: normal; font-size: 80%;}

#analyses .analysis-right-column .analysis-numbers-rightcol {width: 70px;}


.analysis-graph-title {
	height:20px;
	padding:12px 15px;
	background:rgb(100,100,100);
	border:1px solid rgb(75,75,75);
	border-bottom:none;
	cursor:pointer;
	color:rgb(240,240,240);
	font-weight:bold;
	text-shadow:0px -1px 0px rgb(50,50,50);
}
.analysis-graph-title:first-child {
	-webkit-border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
}
#heart_rate_distribution_title {
	-webkit-border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	border-radius:0 0 7px 7px;
	border-bottom:1px solid rgb(75,75,75);
}
#heart-rate-graph-data {
	border-top:none;
}

.analysis-graph-data {
	padding:12px 15px;
	border-top:1px solid rgb(75,75,75);
}

#analyses .analysis-graph-data {
	display: none;
}

.loader {
	position:absolute;
	top:250px;
	left:500px;
}


/* Month View */

ul.day-labels-container {
	margin:43px 0 0;
	background:rgb(190,190,190);
	border:1px solid rgb(140,140,140);
	border-bottom:none;
	width:1161px;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}
ul.day-labels-container li {
	display:inline-block;
	text-align:center;
	width:162px;
	color:rgb(90,90,90);
	font-size:0.8em;
	font-weight:bold;
	text-shadow:0px 1px 0px rgb(225,225,225);
	padding:4px 0px 5px;
}
.month-change-btns {
	float:left;
	margin:8px 0 0 10px;
}
a.btn-month-previous,
a.btn-month-next {
	display:block;
	padding:0px 5px 2px 6px;
	float:left;
	background:url('/images/btn-month-bg.png') repeat-x 0px 0px;
	border:1px solid rgb(140,140,140);
}
a.btn-month-previous:hover,
a.btn-month-next:hover {
	background:url('/images/btn-month-bg.png') repeat-x 0px -18px;
}
a.btn-month-previous:active,
a.btn-month-next:active {
	background:url('/images/btn-month-bg.png') repeat-x 0px -36px;
}
a.btn-month-previous {
	border-right:none;
	padding:0px 6px 2px 6px;
	-webkit-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
}
a.btn-month-next {
	-webkit-border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	border-radius:0 4px 4px 0;
}

.month-view-header {
	display:inline;
	float:left;
}

.vertical_btn {	width:38px;	float:left;}
.vertical_btn img {margin:12px 0 0 10px;}

/* Main Container Styling */

#maincontainer_graph {
	width:1200px;
	margin:0 auto 15px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-border-radius:8px;
	background-image:url('/images/vertical_gradient_3wide.png'), url('/images/vertical_gradient_3wide.png');
	background-repeat:repeat-y, repeat-y;
	background-position:top left, right;
	border:1px solid rgb(110,110,110);
}
#maincontainer_settings {
	width:1200px;
	margin:0 auto 15px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-border-radius:8px;
	background:url('/images/bg-blacktexture.png') repeat rgb(35,35,35);
}
#maincontainer_blank {
	padding:17px 0px 17px 17px;
	width:1183px;
	margin-bottom:15px;
	background:rgb(225,225,225);
	border:1px solid rgb(150,150,150);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position:relative;
	-webkit-background-clip: padding-box;
}
#maincontainer_empty {
	width:1200px;
	margin-bottom:10px;
	background:rgb(225,225,225);
	border:1px solid rgb(150,150,150);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position:relative;
	z-index:2;
	-webkit-background-clip: padding-box;
}
#maincontainer_blank #week {
	padding:0; 
	border:none;
	-webkit-border-radius:8px;
	}
#maincontainer_blank #week ul li:first-child {width:154px;}
#maincontainer_blank #week ul li:last-child {
	border-right:1px solid rgb(140,140,140);
	-webkit-border-radius: 0;
	-moz-border-radius-topleft: 0;
	border-radius: 0;
	}
#maincontainer_blank #week ul li {
	border-bottom:1px solid rgb(140,140,140);
}

#maincontainer_blank #monthcontainer {
	width:1162px;
	margin:0; 
	border-top:1px solid rgb(140,140,140);
	border-left:1px solid rgb(140,140,140);
}

.maincontent_graph {
	width:1064px;
	float:left;
	padding:10px;
	background:rgb(225,225,225);
	border-left:1px solid rgb(150,150,150);
	border-right:1px solid rgb(150,150,150);
	position:relative;
}
#workout_data {
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
}

.maincontent {
	width:839px;
	min-height:684px;
	float:left;
	padding:15px;
	background:rgb(225,225,225);
	border:1px solid rgb(110,110,110);
	-webkit-border-radius:7px 0 0 7px;
	-moz-border-radius:7px 0 0 7px;
	border-radius:7px 0 0 7px;
	position:relative;
}

h1 {
	font:1.7em/1.2em "Helvetica Neue", normal;
	font-weight:500;
	color:rgb(233,70,20);
	text-shadow:0px 1px 0px rgb(255,255,255);
	margin-bottom:10px;
}
h2 {
	font:1.7em/1.2em "Helvetica Neue", normal;
	font-weight:500;
/*	color:rgb(233,70,20);*/
	color:rgb(70,70,70);
	text-shadow:0px 1px 0px rgb(255,255,255);
/*	margin-top:15px;*/
	margin-bottom:10px;
}

h2:first-child {margin-top:0;}

h4 {
	color:rgb(100,100,100);
	text-shadow:0px 1px 0px rgb(255,255,255);
	font-weight:normal;
	font-size:0.8em;
}

.detailgraphouter {
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	background:url('/images/dashed_grid.png') -3px rgb(240,240,240);
	border:1px solid rgb(150,150,150);
/*	margin-top:10px;*/
	margin-bottom:7px;
	position:relative;
}
.detailgraphinner {
	border:1px solid rgb(255,255,255);
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	height:350px;
	position:relative;
}

.detailnumbers ul {
  display: inline;
  background: #c0c0c0;
  padding: 6px 6px 6px 10px;
  font-size: 12px;
	font-weight:bold;
  color: white;
  text-shadow:0px -1px 0px rgb(150,150,150);
	-webkit-border-radius:2px 0 2px 0;
	-moz-border-radius:2px 0 2px 0;
	border-radius:2px 0 2px 0;
	top:0;
	left:0;
	position:absolute;
	z-index:4;
}
.detailnumbers ul li {
	display:inline-block;
	padding:0 6px 2px 15px;
}
#detailnumbers_power {
	background:url('/images/workouts/power_icon.png') no-repeat;
	min-width:55px;
	text-align:right;
	}
#detailnumbers_cadence {
	background:url('/images/workouts/cadence_icon.png') no-repeat;
	width:50px;
	text-align:right;
	}
#detailnumbers_speed {
	background:url('/images/workouts/speed_icon.png') no-repeat;
	width:55px;
	text-align:right;
	}
#detailnumbers_heartrate {
	background:url('/images/workouts/heartrate_icon.png') no-repeat;
	width:55px;
	text-align:right;
	}

.detailsmoothing {
  top:0;
	right:0;
	position:absolute;
  padding:2px 1px 1px;
  background: #c0c0c0;
  padding: 3px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  text-shadow:0px -1px 0px rgb(150,150,150);
  -webkit-border-radius:0 2px 0 2px;
	-moz-border-radius:0 2px 0 2px;
	border-radius:0 2px 0 2px;
	line-height: 16px;
	z-index:4;
}

#smoothvalue {
  color:rgb(255,255,255);
  font-weight:bold;
  text-shadow:0px -1px 0px rgb(100,100,100);
  font-family:"Helvetica Neue", Arial, sans-serif;
  font-size:1em;
  text-align:center;
  width:30px;
  float: right;
  background: #8b8b8b;
  padding:1px 0 2px;
  border: solid 1px #6d6d6d;
  -webkit-border-radius:2px;
	border-radius:2px;
	-moz-border-radius:2px;
}

#smoothingslider {
	width:100px;
	float:right;
	margin:6px 15px;
	height:6px;
}

#smoothing_label {
	float:right;
	margin:2px 0 0 7px;	
}

#infoLine {
	background:rgb(128,201,246);
	border:1px solid rgb(44,114,159);
	height: 398px; 
	width: 1px; 
	position: absolute; 
	top: 0; 
	left: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index:3;
}
#infoLine #infoLine-time.right-side, #infoLine #infoLine-time.left-side {
	background:rgb(128,201,246);
	border:1px solid rgba(8,78,122,0.7);
	border-left:none;
	height: 20px;
	min-width: 55px;
	padding:2px 5px 1px;
	position: absolute; 
	bottom: 34px; 
	left: 1px;
	-webkit-border-radius:0 2px 2px 0;
	-moz-border-radius:0 2px 2px 0;
	border-radius:0 2px 2px 0;
	font-weight:bold;
	color:#fff;
	text-shadow:0px -1px 0px rgb(102,161,197);
}

#infoLine #infoLine-time.left-side {
	border:1px solid rgba(8,78,122,0.7);
	border-right:none;
	position: absolute;
	left: -66px;
	-webkit-border-radius:2px 0 0 2px;
	-moz-border-radius:2px 0 0 2px;
	border-radius:2px 0 0 2px;
	text-align:right;
}

.detail-activity-bar {
	width:1058px;
	height:20px;
	border-top:1px solid rgb(110,110,110);
	position:absolute;
	overflow:hidden;
	padding:3px;
	bottom:0;
	background:url('/images/workouts/elevation_bg.png') repeat-x rgb(202,202,202);
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
}
.detail-activity-bar-label {
	padding: 2px 0 0 5px;
	color:#fff;
	text-shadow:0px -1px 0px rgba(0,0,0,0.4);
	font-weight:bold;
	font-size:0.9em;
	z-index:3;
	position:absolute;
}
.detail-activity-instance {
	height:18px;
	width:400px;
	border:1px solid rgb(147,44,13);
	background:rgb(241,94,27) -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F15E1B), to(#AE350F));
	background:-moz-linear-gradient(0% 100% 90deg,#AE350F, #F15E1B);
	position:absolute;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index:2;
	position:absolute;
}

.detail-range-numbers {
	position:absolute;
	display:block;
	bottom:41px;
	padding:0 10px;
	width:1040px;
	font-size:1em;
	font-weight:bold;
	color:rgb(175,175,175);
	text-shadow:0px 1px 0px #fff;
	z-index:0;
}

.detail-range-numbers-min {

}
.detail-range-numbers-max {
	float:right;
}


/* Overview Graph */

.detailgraphinner_overview {
	height:338px;
	margin:1px;
	position:relative;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
}
p.elevation-label {
	position:absolute;
	left:5px;
	bottom:70px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:white;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
}

#windowSlider {
	background:rgba(016,162,253,0.5);
	border:1px solid rgba(8,78,122,0.7);
	height: 336px; 
	width: 80px; 
	position: absolute; 
	top: 0; 
	left: 0;
	-webkit-border-radius:2px;
	z-index:2;	
}

#windowSlider:hover {
	background: url('/images/workouts/overview-slider-2-way-arrow.png') no-repeat center 25px rgba(016,162,253,0.5);
}

#overview_toggles {
	position: absolute; 
	top: 0; 
	right: 0; 
/*	width: 60px;*/
	background:rgb(240,240,240);
	padding:2px 2px 2px 4px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-left-radius: 2px;
	z-index:3;
	}
#overview_toggles li {display:inline; padding:0; width:15px; height:15px; margin:0;}
#overview_toggles ul li.toggle a {
	/*background-position:top;
	background-repeat:no-repeat;*/
	width:15px; 
	height:15px; 
	text-indent:-9999px; 
	overflow:hidden;
	display:inline-block;
	}
li.power a {background:url('/images/workouts/overview-icons.png') 0px 0px;}
li.cadence a {background:url('/images/workouts/overview-icons.png') -15px 0px;}
li.speed a {background:url('/images/workouts/overview-icons.png') -30px 0px;}
li.heartrate a {background:url('/images/workouts/overview-icons.png') -45px 0px;}

#overview_toggles ul li.power a.toggle_active {background-position:0 15px;}
#overview_toggles ul li.cadence a.toggle_active {background-position:-15px 15px;}
#overview_toggles ul li.speed a.toggle_active {background-position:-30px 15px;}
#overview_toggles ul li.heartrate a.toggle_active {background-position:-45px 15px;}

#map-overlay-controls {
	position:absolute;
	right:-1px;
	bottom:40px;
}

#map-overlay-controls a {
	padding:5px 10px 5px 7px;
	color:rgb(100,100,100);
	background:rgb(225,225,225);
	text-decoration:none;
	border:1px solid rgb(150,150,150);
	border-right:none;
	font-size:1.1em;
	font-weight:bold;
	-moz-border-radius:4px 0 0 4px;
	-webkit-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
}
#map-overlay-controls a:hover {color:rgb(125,125,125);}
#map-overlay-controls a:active {color:rgb(150,150,150);}
#map-overlay-controls li {
	line-height:37px;
	text-align:right;
}
#map-overlay-controls form {
	padding:0 5px 0 7px;
	color:rgb(100,100,100);
	background:rgb(225,225,225);
	text-decoration:none;
	border:1px solid rgb(150,150,150);
	border-right:none;
	font-size:1.1em;
	font-weight:bold;
	-moz-border-radius:4px 0 0 4px;
	-webkit-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
}
#map-overlay-controls form label {
	display:inline;
}
#map-overlay-controls form select {
	margin:0 0 0 3px;
	vertical-align:3px;
}
/* Settings */

#settingsnav {
	float:left;
	width:329px;
}

ul#settingsnav a {
	font-weight:bold;
	text-decoration:none;
	color:rgb(240,240,240);
	margin:0;
	padding:0;
	display:block;
}
ul#settingsnav li:first-child a:first-child {border-top:none;}
ul#settingsnav {
	border-bottom:1px solid rgb(70,70,70);
}
ul#settingsnav li a {
	padding:20px 17px;
	margin:0;
	border-bottom:1px solid rgb(10,10,10);
	border-top:1px solid rgb(70,70,70);
	color:rgb(100,100,100);
	text-shadow:0px -2px 0px rgb(40,40,40);
}
ul#settingsnav li a:hover {
	color:rgb(255,255,255);
	background:rgb(58,58,58);
	background:rgba(255,255,255,0.08);
}
ul#settingsnav li a:active {
	color:rgb(210,210,210);
}

ul#settingsnav ul:first-child li:first-child a {
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	border-top:none;
}

#messagesnav {
	float:left;
}
#messagesnav h5 {
	color:#fff;
	text-shadow:0px -2px 0px rgb(40,40,40);
	margin:19px 0 15px 17px;
}
#messagesnav ul {
	margin:0 17px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#messagesnav ul li a {
	width:275px;
	padding:10px 10px;
	color:rgb(240,240,240);
	text-shadow:0px -1px 0px rgb(75,75,75);
	border-top:1px solid rgb(85,85,85);
	display:block;
	text-decoration:none;
	background:#6f6f6f;
}
#messagesnav ul li:first-child a:first-child {
	border-top:none;
	border-radius:4px 4px 0 0;
}
#messagesnav ul li:last-child a:last-child {
	border-radius:0 0 4px 4px;
} 
#messagesnav ul li a:hover {background:rgb(130,130,130);}
#messagesnav ul li a:active {background:rgb(140,140,140);}


/* Settings Navigation Logistics */
.athletes #settingsnav li a#nav_acctinfo,
.teams #settingsnav li a#nav_teams,
.invoices #settingsnav li a#nav_invoices,
.sharings #settingsnav li a#nav_sharings,
.bikes #settingsnav li a#nav_bikes,
.plans #settingsnav li a#nav_plans,
.betas #settingsnav li a#nav_betas,
.teams #settingsnav li a#nav_teams {
	color:rgb(255,255,255);
	background:rgba(255,255,255,0.08);
}

#settings-top-half {
	border-bottom:1px solid rgb(150,150,150);
	margin:0 0 15px;
	padding-bottom:15px;
}

#settings fieldset {
	margin:15px 0 15px 15px;
}

#user-info-fieldset, #street-address-fieldset {
	width:300px;
	float:left;
	clear:right;
}
#password-fieldset, #team-admin-fieldset, #invoice-list {
	clear:both;
}

.clear {
	clear:both;
}

fieldset#invoice-list {
	margin:0;
}

#settings #study-info-fieldset {
	margin-left:225px;
	clear:both;
	border: solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);
	color:rgb(90,90,90);
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-border-radius:8px;
	padding:10px 0 10px 15px;
	display: none;
	font-size: 12px;
	position:relative;
}
#study-info-fieldset-header {
	width:205px;
}
#study-info-fieldset h3 {
	font-size:2.5em;
	margin:0 0 10px;
/*	color:rgb(153,143,084);*/
	color:rgb(85,85,85);
}
#study-info-fieldset .formfield {
	margin-right:20px;
	line-height:1.4em;
	width:277px;
}
.study-info-fieldset-close-btn {
	position:absolute;
	top:5px;
	right:10px;
	padding:5px 17px 5px 7px;
	background:url('/images/close-btn-x.png') no-repeat right 5px;
	text-decoration:none;
	font-weight:bold;
	color:rgb(125,125,125);
}
.study-info-fieldset-close-btn:hover {
	color:rgb(100,100,100);
}
#admin_study_participant {
	margin:0;
}
#avatar-upload {
	text-align:right;
	margin:39px 0px 0;
	width:208px;
	float:left;
}
#avatar-upload a {
	color:rgb(90,90,90);
	font-size:0.9em;
	font-weight:bold;
	text-shadow:0px 1px 0px #fff;
	text-decoration:none;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
}
#avatar-upload a:hover {color:rgb(120,120,120);}
#avatar-upload a:active {color:rgb(140,140,140);}

#avatar-upload p {
	margin-bottom:10px;
}
#avatar-upload a:hover {
	
}
#avatar-upload a:active {
	
}
#avatar-upload img {
	margin-bottom:8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#study-participation {

}
#settings #study-participation #athlete_study_participant {
	margin:0;
	vertical-align:middle;
}
#settings #study-participation label:hover {color:rgb(120,120,120);}
#settings #study-participation label:active {color:rgb(140,140,140);}

#avatar-upload #study-participation .whatdoesthismean a {
	font-size:0.7em;
	font-weight:normal;
	color:rgb(125,125,125);
	padding:0;
	text-shadow:0px 1px 0px #fff;
}
#avatar-upload #study-participation .whatdoesthismean a:hover {
	color:rgb(100,100,100);
}
#avatar-upload #study-participation .whatdoesthismean a:active {
	color:rgb(80,80,80);
}
.whatdoesthismean {
	margin:0;
	
}

.settings_image {
	margin:15px 48px 0 25px;
	width:150px;
	float:left;
	text-align:center;
}
.billing-icons {
	margin:15px 13px 0 0;
	width:210px;
}
.billing-icons img {margin-bottom:5px;}
.formfield {
  width:280px;
	float:left;
}

label, .label {
	color:rgb(90,90,90);
	font-size:0.9em;
	font-weight:bold;
	text-shadow:0px 1px 0px #fff;
	padding:0px 0px 0px 2px;
	display:block;
}

label.inline {
  display: inline
}

input {
	font-size:0.9em;
	color:rgb(80,80,80);
	padding: 5px 7px;
	margin:10px 0 15px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid rgb(200,200,200);
}
input:focus {
	color:rgb(10,10,10);
	background:rgb(255,255,230);
}
select {
  margin:10px 0 15px;
}

.street_address, 
#athlete_first_name, 
#athlete_last_name, 
#athlete_email, 
#athlete_password,  
#athlete_password_confirmation {
	width:284px;
}

#settings select {
	margin-top:10px;
}
.formfield span {
	color:rgb(90,90,90);
	font-size:0.9em;
	font-weight:bold;
	text-shadow:0px 1px 0px #fff;
}

#settings label.checkbox-label {display:inline;}

#street-address input {margin:10px 0 0;
	width:284px;
	}
#street-address {margin-bottom:15px;}

#city-state-postal div {float:left; margin-left:10px;}
#city-state-postal div:first-child {margin-left:0;}
#athlete_city {width:154px;}
#athlete_state {width:29px;}
#athlete_postal_code {width:49px;}

#country {clear:both;}

#unit_system #athlete_metric_label_false,
#unit_system #athlete_metric_label_true,
#years-riding {display:inline;}
#unit_system #athlete_metric_label_false {margin-right:10px;}

fieldset#team-admin-fieldset {margin-bottom:10px;}
fieldset#password-fieldset .formfield, fieldset#team-admin-fieldset .formfield {
	width:600px;
	margin-top:10px;
	margin-left:100px;
}
#settings #password-fieldset {
 width:615px;
/*	background:red;*/
	float:left;
	margin-left:223px;
	clear:none;
}
fieldset#team-admin-fieldset  {margin-left:0;}

#settings #password-password-confirm {margin-bottom:0;}
#settings #password-password-confirm div:first-child {
	float:left;
	margin-right:15px;	
}

#settings.teams fieldset#create-team-info {
	padding-left:15px;
}
#settings.teams #avatar-upload {
	margin-top:20px;
}

/* Settings Tables */

#settings table {
	margin-bottom: 15px;
	border: 1px solid #b2b5b7;
	border-spacing: 0;
	line-height: 17px;
	width: 100%;
	}
	table a {
		color:rgb(50,50,50);
		text-decoration:none;
		border-bottom:1px solid rgb(215,215,215);
	}
		table a:hover {
			color:rgb(100,100,100);
		}
		table a:active {
			color:rgb(125,125,125);
		}
	table caption {
		margin-bottom: 10px;
		padding-left: 20px;
		text-align: left;
		}
		table caption h2 {
			margin-bottom: 2px !important;
			}
		table caption p {
			margin-bottom: 0 !important;
			color: #6d6e71;
			font-size: 13px;
			}
			table caption p em {
				font-family: Georgia, serif;
				}
	table thead th {
		padding: 10px;
		background: #dcdfe2 url(/images/table-td-bg.png) left top repeat-x;
		border-bottom: 1px solid #b2b5b7;
		color: #6d6e71;
		font-size: 11px;
		font-weight: bold;
		line-height: 12px;
		text-align: center;
		text-shadow: 0 1px 0 #f2f4f5;
		}
	table tbody td {
		padding: 10px;
		background: #f2f4f5 url(/images/table-td-bg.png) left top repeat-x;
		border-bottom: 1px solid #b2b5b7;
		text-align: center;
		text-shadow: 0 1px 0 #fff;
		}
		table tbody tr:last-child td {
			border-bottom: none;
			}
table tr.large td {
	padding-top: 20px;
	padding-bottom: 20px;
	}
table tr.medium td {
	padding-top: 15px;
	padding-bottom: 15px;
	}
table th.plan,
table td.plan {
	text-align: left;
	width: 15%;
	}
table td.plan {
	background-color: #d1e5f1;
	color: #146594;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0 1px 0 #f2f4f5;
	}
table td.price {
	background-color: #d4ffdd;
	border-right: 1px solid #9fb7a5;
	border-left: 1px solid #9fb7a5;
	border-bottom-color: #9fb7a5;
	color: #056a37;
	font-weight: bold;
	}


/* Bikes */

.btn-show-old-bikes {
	position:absolute;
	top:25px;
	right:25px;
	font-weight:bold;
}
.btn-show-old-bikes a {
	text-decoration:none;
	color:rgb(150,150,150);
	border: 1px solid rgb(200,200,200);
	padding:3px 6px 0 6px;
	display:block;
	background:rgb(225,225,225);
	height:22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow:0px 1px 0px rgb(255,255,255);
}
.btn-show-old-bikes a:hover {color:rgb(125,125,125);}
.btn-show-old-bikes a:active {color:rgb(110,110,110);}

.btn-show-old-bikes-active a {
	background:rgb(200,200,200);
/*	color:rgb(225,225,225);*/
	border:1px solid rgb(150,150,150);
	text-shadow:0px 1px 0px rgb(230,230,230);
}

ul.bikes-list {
	margin-top:10px;
}
ul.bikes-list li.bike-container {
	width:839px;
	margin-top:25px;
	padding-top:25px;
	border-top:1px solid rgb(110,110,110);
}
ul.bikes-list li.bike-container:first-child {
	margin-top:0;
	padding-top:0;
	border-top:none;
}
.bike-basics {
	float:left;
	position:relative;
	padding-left:112px;
	width:165px;
}
.bike-basics img {
	position:absolute;
	top:0;
	left:0;
	border:1px solid rgb(110,110,110);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.bike-basics h5 {
	color:rgb(110,110,110);
	font-size:1.45em;
	line-height:0.6em;
}
.bike-basics p {
	color:rgb(155,155,155);
	font-size:0.75em;
	text-shadow:0px 1px 0px #fff;
}

.bike-information-column {
	float:left;
	width:170px;
}
.bike-information-column.sensors-column {
	width:221px;
}
.bike-information-column h6 {
	color: rgb(90, 90, 90);
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0px 0px 0px 1px;
	text-shadow:0px 1px 0px #fff;
}
.bike-information-column p {
	font-size:1.7em;
	color:rgb(165,165,165);
	text-shadow:0px 1px 0px #fff;
	font-weight:bold;
	padding-top:5px;
	height:35px;
}
.sensors-column ul {
	margin-top:4px;
}
.sensors-column li {
	position:relative;
	height:28px;
}
.sensors-column img {
	position:absolute;
	top:3px;
	left:3px;
	width:23px;
	border-radius:2px;
	border:1px solid rgb(190,190,190);
	background:#fff;
}
.sensors-column p {
	font-size:1.2em;
	margin-left:35px;
	height:0;
}

/* Billing */
.plans h4 {
  font-size:1em;
	margin:5px 0 10px;
}
.formfield-billing {
	width:200px;
	float:left;
}
#settings .formfield-billing select {
	margin-top:14px;
}
#credit_card_number {
	width:143px;
}
/* Teams Settings */

#settings.teams fieldset {
	margin:0px;
}
.teams input {
	margin:5px 0 5px;
}
.subscriptions,
.team-admin {
	width:100%;
}

.subscriptions td:first-child,
.subscriptions th:first-child,
.team-admin td:first-child,
.team-admin th:first-child  {
	width:40%;
	text-align:left;
}
.subscriptions tbody,
.team-admin tbody {
	color:rgb(50,50,50);
	
}
.create-team-btn {
	position:absolute;
	top:15px;
	right:15px;
}

/* Messages */

.messages textarea {
	width:823px;
	margin-top:10px;
	border:1px solid rgb(200,200,200);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:5px 7px;
	font-size:0.9em;
	color:rgb(80,80,80);
}
.messages textarea:focus {
	background:rgb(255, 255, 230);
	color:rgb(10,10,10);
}
.messages textarea.message_create {height:300px;}
.messages textarea.message_reply {height:100px;}

.messages .form-submit-section {
	margin-top:15px;
}

.messages .maincontent table {
	margin-top:10px;
	width:100%;
	color:#6E6E6E;
	border-collapse:separate;
	border:1px solid rgb(178,181,183);
	border-radius:4px;
}
.messages table a {
	color:#6E6E6E;
}
.messages table a:hover {
	color:#505050;
}
.messages table a:active {
	color:#323232;
}
.messages table th {
	text-align:left;
	background:rgb(100,100,100);
	padding:10px;
	color:#fff;
	text-shadow:0px -1px 0px rgb(75,75,75);
}
.messages table th:first-child {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px
}
.messages table th:last-child {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}

.messages table tr td {
	text-align:left;
	background:none;
}
.messages table tr td:first-child {
	width:44%;
}
.messages table tr {
	background-color:rgb(244,244,244);
}
.messages table tr:last-child td:first-child {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.messages table tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
.messages .messages-unread {
	background:rgb(244,240,218);
	color:rgb(50,50,50);
}
	.messages .messages-unread a {
		color:rgb(50,50,50);
	}
	.messages .messages-unread a:hover {
		color:rgb(25,25,25);
	}
	.messages .messages-unread a:hover {
		color:rgb(10,10,10);
	}

.messages #sent_message_messages_attributes_0_recipient_name,
.messages #sent_message_subject {
	width:823px;
}

.messages .maincontent .user-img-thumb {
	margin-bottom:-2px;
}

.messages .maincontent p {
	line-height:1.3em;
	margin:0px 2px 10px;
	color:rgb(20,20,20);
}
.message-info {
	margin:4px 0 10px 2px;
	color:rgb(150,150,150);
	text-shadow:0px 1px 0px #fff;
}
.message-info a {
	text-decoration:none;
	font-weight:normal;
	color:rgb(100,100,100);
}
.message-info a:hover {color:rgb(75,75,75);}
.message-info a:active {color:rgb(50,50,50);}

.messages-pagination {display:block; margin-top:15px;}
.messages-pagination a {
	text-decoration:none;
	color:#969696;
	text-shadow:0px 1px 0px #fff;
	font-size:1em;
}
.messages-pagination a:hover {color:rgb(130,130,130);}
.messages-pagination a:active {color:rgb(115,115,115);}
.messages-pagination span.messages-pagination-next {float:right;}

input.delete-btn {
	margin:0;
	padding:3px 5px;
	font-size:0.7em;
	border:1px solid rgb(165,165,165);
	background:rgb(230,230,230);
	-webkit-box-shadow:0px 1px 0px white;
	-moz-box-shadow:0px 1px 0px white;
	box-shadow:0px 1px 0px white;
}
input.delete-btn:hover {
	color:rgb(40,40,40);
	border:1px solid rgb(140,140,140);
	background:rgb(220,220,220);
}
input.delete-btn:active {
	color:rgb(20,20,20);
	border:1px solid rgb(120,120,120);
	background:rgb(200,200,200);
}

#maincontainer_settings .message-info form.button_to,
#maincontainer_settings .message-info form.button_to div {
	display:inline;
}

/* New Session (login page) */

#container-sessions {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:url('../images/bg-blacktexture.png') repeat black;
	margin-bottom:15px;
	-moz-box-shadow:0px 0px 10px rgb(125,125,125);
	-webkit-box-shadow:0px 0px 10px rgb(125,125,125);
	box-shadow:0px 0px 10px rgb(125,125,125);
	position:relative;
}
.maincontent-sessions {
	float:left;
	width:294px;
	padding:20px;
	background:rgb(225,225,225);
	border:1px solid rgb(255,255,255);
	-webkit-border-radius:7px 0 0 7px;
	-moz-border-radius:7px 0 0 7px;
	border-radius:7px 0 0 7px;
}
.maincontent-sessions h2 {
	margin:0 0 10px;
	color:rgb(233,70,20);
}
.maincontent-sessions label {
	color:rgb(90,90,90);
	font-size:0.9em;
	font-weight:bold;
	text-shadow:0px 1px 0px #fff;
	padding:0px 0px 0px 2px;
	display:block;
}

.maincontent-sessions input {
	font-size:0.9em;
	color:rgb(80,80,80);
	padding: 5px 7px;
	margin:10px 0 15px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid rgb(200,200,200);
}
.maincontent-sessions input:focus {
	color:rgb(10,10,10);
	background:rgb(255,255,230);
}

.maincontent-sessions .form-submit-section,
.form-submit-section {
	margin:0;
	padding:4px 12px 6px;
	font-weight:bold;
	font-size:14px;
	background:url('/images/btn-gradient-overlay.png') repeat-x top rgb(233,70,20);
	border:1px solid rgb(163,49,14);
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:rgb(255,255,255);
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);
	float:right;
	-webkit-border-radius:16px;
	border-radius:16px;
	-moz-border-radius:16px;
	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
  box-shadow:0px 1px 1px rgba(255,255,255,0.5);
	text-decoration:none;
}
.maincontent-sessions .form-submit-section:hover,
.form-submit-section:hover {
	background:url('/images/btn-gradient-overlay.png') repeat-x top rgb(234,086,040);
}
.maincontent-sessions .form-submit-section:active,
.form-submit-section:active {
	background:url('/images/btn-gradient-overlay.png') repeat-x top rgb(234,097,054);
}

.form-submit-section.grey-btn {
	background-color:rgb(130,130,130);
	border:1px solid rgb(100,100,100);
}
.form-submit-section.grey-btn:hover {background-color:rgb(140,140,140);}
.form-submit-section.grey-btn:active {background-color:rgb(150,150,150);}

input.form-submit-section:focus,
input.form-submit-section.grey-btn:focus {
	color:white;
	background:url('/images/btn-gradient-overlay.png') repeat-x top;
}
input.form-submit-section:focus {
	background-color:rgb(234,097,054);
}
input.form-submit-section.grey-btn:focus {
	background-color:rgb(150,150,150);
}

input#session_email, 
input#session_password,
input#password_email {
	width:278px;
}

.FB_login_button {
	margin-top:2px;
	float:left;
}

#sessions-sidebar-nav {
	float:left;
	width:224px;
}

#sessions-sidebar-nav ul a {
	font-weight:bold;
	text-decoration:none;
	color:rgb(240,240,240);
	margin:0;
	padding:0;
	display:block;
}
#sessions-sidebar-nav ul {
	border-top:1px solid rgb(10,10,10);
	border-bottom:1px solid rgb(70,70,70);
}
#sessions-sidebar-nav li a {
	padding:20px 17px;
	margin:0;
	border-bottom:1px solid rgb(10,10,10);
	border-top:1px solid rgb(70,70,70);
	color:rgb(100,100,100);
	text-shadow:0px -2px 0px rgb(30,30,30);
	-webkit-transition: .21s linear color;
	-webkit-transition: .2s ease-out background;
}
#sessions-sidebar-nav li a:hover {
	color:rgb(255,255,255);
	background:rgb(58,58,58);
	background:rgba(255,255,255,0.08);
	-webkit-transition: .1s ease-out background;
}
#sessions-sidebar-nav li a:active {
	color:rgb(210,210,210);
}

.sessions-pb-logo {
	margin:20px 23px 15px;
}

.flash.notice {
	display:block;
	margin:0 0 15px;
	color:rgb(50,50,50);
	text-shadow:0px 1px 0px rgb(255,255,255);
}
.flash.error {
	display:block;
	margin:0 0 15px;
	color:rgb(240,63,071);
	text-shadow:0px 1px 0px rgb(255,255,255);
}
#error {
	color:rgb(255,0,0);
	margin-bottom:15px;
}
.sessions-instructions {
	margin-bottom:15px;
	line-height:1.2em;
	width:280px;
	color:rgb(50,50,50);
	text-shadow:0px 1px 0px rgb(255,255,255);
}

#wrapper-sessions .form-submit-section input {
	width:100px;
}

/* New Workout */

.content_columns {
	margin-bottom:10px;
}

.content_columns .column {
	width:334px;
/*	background:rgb(0,0,0);*/
/*	margin-left:15px;*/
	float:left;
	border-left:1px solid rgb(150,150,150);
	padding-left:15px;
	padding-right:15px;
/*	background:red;*/
}
.content_columns .column:first-child {
	padding-left:0;
	margin-left:0;
	border-left:none;
}
.content_columns .column:nth-child(2) {
	min-height: 200px;
}
.content_columns .column:last-child {
	padding-right:0;
}
.content_columns .column h3 {
	text-transform:uppercase;
	color:rgb(175,175,175);
	text-shadow:0px 1px 0px rgb(255,255,255);
	margin-bottom:10px;
	font-weight:normal;
}

.content_columns .column select {
	margin:14px 0px 6px;
}

#workout_name, #workout_scheduled_on {
	width:313px;
}
.form-half {
	width:141px;
}

.date-include div,
.distance-duration div {
}
.date-include div:first-child,
.distance-duration div:first-child {
	margin-right:15px;
}

label.workout-time-label {
  display: inline;
  margin-right: 1em;
}

.workout-time-component {
	width: 19px;
}

.workout-time  {
	margin-bottom:15px;
}

.workout-time select {
	width:70px;
}
.workout-info-value {
	color:rgb(50,50,50);
	margin:5px 7px;
	font-size:1.2em;
}


/* Activities 
-------------------------------------------------*/

.activity-information span {
	color:rgb(80,80,80);
	font-size:0.8em;
}
.activity {
/*	width:329px;*/
	margin-top:10px;
}
.activity:first-child {
	margin-top:0;
}
.activity-header-active {
	padding:5px 7px 7px;
	background:rgb(200,200,200);
	border:1px solid rgb(175,175,175);
	font-weight:bold;
	color:rgb(80,80,80);
	text-shadow:0px 1px 0px rgb(255,255,255);
	-webkit-border: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.activity-header-inactive {
	padding:5px 7px 7px;
	background:rgb(200,200,200);
	border:1px solid rgb(175,175,175);
	font-weight:bold;
	color:rgb(80,80,80);
	text-shadow:0px 1px 0px rgb(255,255,255);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.activity-header-active .activity-details,
.activity-header-inactive .activity-details {
	float:right;
	color:rgb(140,140,140);
	font-weight:normal;
	padding-top:1px;
}

.activity-information {
	background:rgb(240,240,240);
	padding:10px 7px 5px;
	border:1px solid rgb(175,175,175);
	border-top:none;
	border-radius: 0 0 4px 4px;
}

.workout_sets,
.workout_intervals {
	width: 1.5em;
}

.workout_set_breaks,
.workout_interval_on,
.workout_interval_breaks {
	width: 3em;
}
.workout_interval_breaks {margin-top:0;}

.activity_notes {
	width:306px;
	max-width:306px;
	height:100px;
	max-height:200px;
	font-size:0.9em;
	color:rgb(80,80,80);
	padding: 5px;
	margin:10px 0 0;
	-webkit-border-radius: 2px;
	border-radius:2px;
	-moz-border-radius:2 px;
	border:1px solid rgb(200,200,200);
}
.activity_notes:focus {
	color:rgb(10,10,10);
	background:rgb(255,255,230);
}
span.and-space {margin-left:43px;}

.activity-info-section {
	margin:0 0 10px 2px;
}
.activity-value {
	font-weight:bold;
	color:rgb(50,50,50);
}
.activity-notes {
	font-size:0.8em;
	color:rgb(80,80,80);
	margin:5px 3px 3px 2px;
	line-height:1.2em;
}

.activity p.label {
	margin-bottom:2px;
}
.activity-form-submit {
	text-align:right;
	}
.activity-form-submit input {
	margin:8px 0 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
.activity-form-submit input.cancel {
	background:rgb(230,230,230);
}
.activity-form-submit input.cancel:hover {
	background:rgb(215,215,215);
}
.activity-form-submit input.cancel:active {
	background:rgb(200,200,200);
}
.activity-form-submit input.save {
	font-weight:bold;
	background:rgb(234,070,019);
	border:1px solid rgb(155,046,013);
	color:rgb(255,255,255);
	text-shadow:0px -2px 0px rgba(0,0,0,0.3);
}
.activity-form-submit input:hover {
	background:rgb(234,086,040);
}
.activity-form-submit input:active {
	background:rgb(234,097,054);
}

.none_yet {
	width:332px;
	display:block;
	text-align:center;
	text-decoration:none;
	margin:10px 0 0;
	padding:75px 0 75px;
	background:rgb(230,230,230);
	border:1px solid rgb(190,190,190);
	font-weight:bold;
	color:rgb(125,125,125);
	text-shadow:0px 1px 0px rgb(255,255,255);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.add_btn {
	display:block;
	text-align:center;
	text-decoration:none;
	margin:10px 0 0;
	padding:5px 7px 7px;
	background:rgb(230,230,230);
	border:1px solid rgb(190,190,190);
	font-weight:bold;
	color:rgb(125,125,125);
	text-shadow:0px 1px 0px rgb(255,255,255);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.add_btn:hover {
	color:rgb(100,100,100);
	border:1px solid rgb(170,170,170);
	background:rgb(222,222,222);
}
.add_btn:active {
	color:rgb(80,80,80);
}

input.goal {
	width:30px;
	display:inline;
}

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

h3 {
	text-transform:uppercase;
	color:rgb(175,175,175);
	text-shadow:0px 1px 0px rgb(255,255,255);
	margin-bottom:10px;
	font-weight:normal;
}

img.user-img-thumb {
	width:16px;
	border:1px solid rgb(255,255,255);
	-webkit-box-shadow:0px 1px 2px rgb(150,150,150);
	-moz-box-shadow:0px 1px 2px rgb(150,150,150);
	box-shadow:0px 1px 2px rgb(150,150,150);
}
img.user-img-thumb.message-author-img {
	position:absolute;
	top:13px;
	left:13px;
}
img.user-img-credentials {
	margin:0 2px -4px 3px;
}
img.user-img-sender {
	margin:0 2px -3px 3px;
}
#dashboards ul.messages {
	border:1px solid rgb(150,150,150);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:10px;
}
#dashboards ul.messages li {
	padding:12px 15px 10px;
	position:relative;
	text-shadow:0px 1px 0px rgb(255,255,255);
	background:url('/images/dashboard/messages_bg.png') repeat-x bottom rgb(241,241,241);
	border-top:1px solid rgb(150,150,150);
}
#dashboards ul.messages li.unread {
	background:url('/images/dashboard/messages_unread_bg.png') repeat-x bottom rgb(247,245,231);
}
#dashboards ul.messages li:first-child {
	border-top:none;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
#dashboards ul.messages li:last-child {
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
}
#dashboards ul.messages li:only-child {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

#dashboards ul.messages li span.subject {
	display:block;
	line-height:1.2em;
	margin-left:25px;
}
#dashboards ul.messages li span.messagedate {
	display:block;
	line-height:1.2em;
	margin-left:26px;
	font-size:0.8em;
	color:rgb(150,150,150);
}
#dashboards ul.messages li.unread span.messagedate {color:rgb(150,150,110);}
#dashboards ul.messages li span a {color:rgb(110,110,110); text-decoration:none;}
#dashboards ul.messages li span a:hover {color:rgb(80,80,80);}
#dashboards ul.messages li span a:active {color:rgb(50,50,50);}

#dashboards ul.messages li.unread span a {color:rgb(120,120,80); text-decoration:none;}
#dashboards ul.messages li.unread span a:hover {color:rgb(100,100,60);}
#dashboards ul.messages li.unread span a:active {color:rgb(90,90,50);}
	
#dashboards ul.messages li.unread p {color:rgb(150,150,110);}

#dashboards #blog_posts span.subject,
#dashboards #blog_posts span.messagedate {
	margin-left:0;
}

a.goto {
/*	float:right;*/
	text-align:right;
	text-decoration:none;
	font-size:0.9em;
/*	margin:-23px 8px 0 0;*/
	margin:0 0 10px;
	color:rgb(150,150,150);
	text-shadow:0px 1px 0px rgb(255,255,255);
	display:block;
}
a.goto:hover {
	color:rgb(125,125,125);
}
a.goto:active {
	color:rgb(110,110,110);
}

ul.upcomingevents {
	border:1px solid rgb(150,150,150);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:10px;
}
ul.upcomingevents li {
	background:rgb(235,235,235);
	position:relative;
	padding:10px 12px 11px;
	border-top:1px solid rgb(150,150,150);
	background:url('/images/dashboard/messages_bg.png') repeat-x bottom rgb(241,241,241);
}
ul.upcomingevents li:first-child {
	border-top:none;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}
ul.upcomingevents li:last-child {
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
}
ul.upcomingevents li:only-child {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

ul.upcomingevents li:first-child span.dateblock-month {
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}
ul.upcomingevents li:only-child span.dateblock-month {
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}
ul.upcomingevents li:last-child span.dateblock-date {
	-webkit-border-bottom-right-radius:3px;
}
ul.upcomingevents li:only-child span.dateblock-date {
	-webkit-border-radius:0 3px 3px 0;
	-moz-boder-radius:0 3px 3px 0;
	border-radius:0 3px 3px 3px;
}

ul.upcomingevents li h4 {
	max-width:280px;
	
	font-size:1.3em;
	font-weight:bold;
	color:rgb(115,115,115);
	margin-bottom:4px;
}
ul.upcomingevents li h5 {
	font-size:0.9em;
	font-weight:normal;
	color:rgb(115,115,115);
}

.upcomingevents .dateblock {
	position:absolute;
	top:0;
	right:0;
}
.upcomingevents .dateblock span {
	text-align:center;
	display:block;
}
.upcomingevents .dateblock span.dateblock-month {
	width:70px;
	padding:5px 0;
	background:rgb(233,70,20);
	border-left:rgb(177,53,15) 1px solid;
	border-bottom:rgb(177,53,15) 1px solid;
	color:rgb(255,255,255);
	text-shadow:0px -1px 0px rgba(0,0,0,0.4);
	font-weight:bold;
	font-size:0.8em;
	display:block;
}
.upcomingevents .dateblock span.dateblock-date {
	display:block;
	background:rgb(255,255,255);
	color:rgb(60,60,60);
	border-left:1px solid rgb(160,160,160);
	border-bottom:1px solid rgb(160,160,160);
	font-weight:bold;
	height:36px;
	font-size:2.0em;
}
ul.upcomingevents li:last-child span.dateblock-date {
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

#dashboards .dashboard-graph-outer {
	margin-left:60px;
	margin-bottom:15px;
	border:1px solid rgb(150,150,150);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:rgb(240,240,240);
}
#dashboards .dashboard-graph-inner {
	border:1px solid rgb(255,255,255);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:310px;
	position:relative;
	background:url('/images/dashboard/dashed-bg.png') -8px;
}

#dashboards .dashboard-graph-controllers {
	position:absolute;
	top:10px;
	right:-2px;
	z-index: 20;
}
#dashboards li.dashboard-controller a {
	padding:5px 7px;
	margin-bottom:5px;
	width:140px;
	font-size:1.1em;
	font-weight:bold;
	display:block;
	-webkit-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
	text-shadow:0px 1px 0px rgb(255,255,255);
	-webkit-background-clip: padding-box;
	background:rgb(225,225,225);
	border:1px solid rgb(150,150,150);
	border-right:none;
/*	background:red;*/
}
#dashboards .dashboard-controller a {
	text-decoration: none;
}
#dashboards .dashboard-controller.active {
/*	background:rgb(225,225,225);
	border:1px solid rgb(150,150,150);
	border-right:none;*/
}
#dashboards li.dashboard-controller.inactive a {
	background:rgb(240,240,240);
	border:1px solid rgb(225,225,225);
	border-right:none;
	margin-right:-2px;
	width:138px;
}
#dashboards .dashboard-controller.active a {color:rgb(150,150,150);}
#dashboards .dashboard-controller.active a:hover {color:rgb(125,125,125);}
#dashboards .dashboard-controller.active a:active {color:rgb(100,100,100);}
#dashboards .dashboard-controller.inactive a {color:rgb(200,200,200);}
#dashboards .dashboard-controller.inactive a:hover {color:rgb(175,175,175);}
#dashboards .dashboard-controller.inactive a:active {color:rgb(150,150,150);}

#dashboards .dashboard-controller.toggle {
	padding:2px;
	width:89px;
	margin-left:61px;
	background:rgb(225,225,225);
	border:1px solid rgb(150,150,150);
	border-right:none;
	-webkit-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
}
#dashboards .dashboard-controller a.toggle-btn {
	display:inline-block;
	width:43px;
	height:25px;
	text-indent:-5555px;
	overflow:hidden;
	margin:0 -2px 0 0;
	border:none;
	padding:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
#dashboards .dashboard-controller a.toggle-btn.thin {
	background:url('/images/dashboard/graph-icon-thin.png') no-repeat;
/*	margin-right:-3px;*/
}
#dashboards .dashboard-controller a.toggle-btn.thick {
	background:url('/images/dashboard/graph-icon-thick.png') no-repeat;
}
#dashboards .dashboard-controller a.toggle-btn.active{
	background-position:0px -25px;
}

#dashboards .analysis-top-col {
	width:771px;
}
.dashboard-numbers {
	font-size:1.3em;
}
.dashboard-numbers .analysis-numbers-leftcol {
	width:200px;
}
.dashboard-numbers .analysis-numbers-columngroup {
	width:380px;
}

/* Errors */

#errorExplanation {color: red;}
#errorExplanation h2 {color: red;}
#errorbox {
	display:block;
	text-align: center;
	background:rgb(255,237,237); 
	border:1px solid rgb(240,171,172);
	padding:15px 0 17px;
	margin:10px 0 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#errorbox h2 {
	margin-bottom:5px;
	color:rgb(240,63,071);
}
#errorbox ul {
	list-style-type:decimal;
	text-align:left;
	margin:0 auto;
	width:300px;
	
}
#errorbox li {
	color:rgb(100,100,100);
	text-shadow:0px 1px 0px rgb(255,255,255);
	font-weight:bold;
	line-height:1.25em;
}
label.error-label {color:rgb(240,63,071);}
input.error-input {
	color:rgb();
	background:rgb(255,237,237); 
	border:1px solid rgb(240,171,172);
}
textarea.error-input {
	color:rgb();
	background:rgb(255,237,237); 
	border:1px solid rgb(240,171,172);
	}

/* Workout Analysis */

#workout_analysis h3 {
	text-transform:uppercase;
	color:rgb(175,175,175);
	text-shadow:0px 1px 0px rgb(255,255,255);
	margin-bottom:10px;
	font-weight:normal;
}
.analysis-top-col {
	width:1062px;
}
.analysis-top-col li {
	font-weight:bold;
	color:rgb(115,115,115);
	font-size:1.5em;
	text-shadow:0px 1px 0px rgb(255,255,255);
	line-height:1.2em;
}
.analysis-top-col .analysis-numbers-leftcol li {
	color:rgb(150,150,150);
}
.analysis-top-col ul {
	display:inline;
}
.analysis-numbers-columngroup {
	width:354px;
	float:left;
	margin-bottom:15px;
}
.analysis-numbers-leftcol {
	float:left;
	width:190px;
	display:inline;
}
.analysis-numbers-middlecol {
	float:left;
	width:90px;
	display:inline;
	text-align:right;
	margin-right:5px;
}
#analyses .analysis-numbers-middlecol {
	width:105px;
}
.analysis-numbers-rightcol {
	float:left;
	width:62px;
	display:inline;
	color:rgb(200,200,0);
}

.analysis-main-col {
	width:700px;
}

#workout_analysis .dashboard-graph-outer {
	margin-left:60px;
	margin-bottom:15px;
	border:1px solid rgb(150,150,150);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:rgb(240,240,240);
}
#workout_analysis .dashboard-graph-inner {
	border:1px solid rgb(255,255,255);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height:310px;
	position:relative;
	background:url('/images/dashboard/dashed-bg.png') -8px;
}

#workout_analysis .dashboard-graph-controllers {
	position:absolute;
	top:10px;
	right:-2px;
}
#workout_analysis .dashboard-controller {
	padding:5px 7px;
	margin-bottom:5px;
	width:140px;
	font-size:1.1em;
	font-weight:bold;
	display:block;
	-webkit-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
	text-shadow:0px 1px 0px rgb(255,255,255);
}
#workout_analysis .dashboard-controller a {
	text-decoration: none;
}
#workout_analysis .dashboard-controller.active {
	background:rgb(225,225,225);
	border:1px solid rgb(150,150,150);
	border-right:none;
}
#workout_analysis .dashboard-controller.inactive {
	background:rgb(240,240,240);
	border:1px solid rgb(225,225,225);
	border-right:none;
	margin-right:0;
	width:138px;
}
#workout_analysis .dashboard-controller.active a {color:rgb(150,150,150);}
#workout_analysis .dashboard-controller.active a:hover {color:rgb(125,125,125);}
#workout_analysis .dashboard-controller.active a:active {color:rgb(100,100,100);}
#workout_analysis .dashboard-controller.inactive a {color:rgb(200,200,200);}
#workout_analysis .dashboard-controller.inactive a:hover {color:rgb(175,175,175);}
#workout_analysis .dashboard-controller.inactive a:active {color:rgb(150,150,150);}

#workout_analysis .dashboard-controller.toggle {
	padding:2px;
	width:89px;
	margin-left:61px;
	background:rgb(225,225,225);
	border:1px solid rgb(190,190,190);
	border-right:none;
}
#workout_analysis .dashboard-controller a.toggle-btn {
	display:inline-block;
	width:43px;
	height:25px;
	text-indent:-5555px;
	overflow:hidden;
	margin:0;
}

/* Routes */

/*#routes #maincontainer_blank {
	padding:17px 0px 17px 17px;
	width:1183px;
}*/

.detailgraphouter.last-route {
	margin-bottom:10px;
	margin-right:18px;
}

.last-route-info-pane {
	z-index: 0;
	padding:17px;
	width:341px;
	background:rgba(0,0,0,0.7);
	min-height:84px;
	position:absolute;
	bottom:0;
	right:0;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	border-bottom-right-radius: 2px;
}
.last-route-info-pane h3 {
	color:rgb(166,166,166);
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);
}
.last-route-info-pane a {
	text-decoration:none;
	color:#fff;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);
	line-height:0.95em;
	margin:0 0 5px;
}
.last-route-info-pane h2 {
	color:#fff;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);
	font-size:2.5em;
	line-height:0.95em;
	margin:0 0 5px -3px;
}
.last-route-info-pane p {
	color:rgb(215,215,215);
	text-shadow:0px -1px 0px #000;
}

.main-container-column {
	width:377px;
	float:left;
	margin-right:17px;
}
.main-container-column-wide {
	width:771px;
	float:left;
	margin-right:17px;
	position:relative;
}
.route-info-small, .route-info-large {
	width:375px;
	height:126px;
	margin-bottom:10px;
	background:rgb(255,255,255);
	border:1px solid rgb(150,150,150);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow:0px 1px 0px #fff;
}
.route-info-large {
  width: 800px;
  height: 320px;
}
.route-info-small img, .route-info-large img {
	float:left;
	margin-right:9px;
	border-right:1px solid rgb(150,150,150);
	-webkit-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
}
.route-info-small h4, .route-info-large h4 {
	margin-top:5px;
}
.route-info-small h4 a, .route-info-large h4 a {
	color:rgb(90,90,90);
	font-size:1.7em;
	font-weight:bold;
	text-decoration:none;
}
.route-info-small h4 a:hover, .route-info-large h4 a:hover {color:rgb(115,115,115);}
.route-info-small h4 a:active, .route-info-large h4 a:active {color:rgb(135,135,135);}
.route-info-small p, .route-info-large p {
	color:rgb(175,175,175);
	font-size:0.8em;
	margin:3px 0px;
}
.route-info-small p a, .route-info-large p a {
	color:rgb(100,100,100);
	text-decoration:none;
}
.route-info-small p a:hover, .route-info-large p a:hover {color:rgb(115,115,115);}
.route-info-small p a:active, .route-info-large p a:active {color:rgb(125,125,125);}

p.route-stats {
	font-weight:bold;
	font-size:1.2em;
	color:rgb(165,165,165);
	line-height:0.8em;
}
a.routes-more {
	float:right;
	color:#969696;
	text-decoration:none;
	text-shadow:0px 1px 0px #fff;
}
a.routes-more:hover {color:rgb(130,130,130);}
a.routes-more:active {color:rgb(115,115,115);}

a.create-btn {
	width:377;
	height:47px;
	margin-bottom:11px;
	padding:14px 0 0 20px;
	background:url('/images/btn-create-route.png');
	display:block;
	text-decoration:none;
	font-size:2em;
	font-weight:bold;
	color:#fff;
	text-shadow:0px -1px 0px #777;
}
#routes a.create-btn {
	margin:26px 0 11px;
}
#routes a.create-btn.arrow-btn {
	background:url('/images/btn-all-arrow.png');
	margin-top:0;
}
a.create-btn:hover {background-position:0px -61px;}
a.create-btn:active {background-position:0px -122px;}



.routes-search-bar {
	position:absolute;
	right:18px;
	top:18px;
}
.routes-search-bar .routes-search-bar-field {
	width:285px;
	height:18px;
	margin:0 -4px 0 0;
	padding-left:10px;
	-webkit-border-radius:16px 0 0 16px;
	-moz-border-radius:16px 0 0 16px;
	border-radius:16px 0 0 16px;
	-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.9);
	-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.9);
	box-shadow:0px 1px 1px rgba(255,255,255,0.9);
	border:1px solid rgb(150,150,150);
	border-right:0;
}
.routes-search-bar .routes-search-bar-btn {
	margin:-2px 0 0 0;
	padding:0 14px 0 12px;
	height:30px;
	-webkit-border-radius:0 16px 16px 0;
	-moz-border-radius:0 16px 16px 0;
	border-radius:0 16px 16px 0;
	-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.9);
	background:rgb(233,70,20) url('/images/btn-gradient-overlay.png') repeat-x;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#fff;
	text-shadow:rgba(0, 0, 0, 0.3) 0px -1px 0px;
	border:1px solid rgb(163, 49, 14);
	vertical-align:middle;
}
.routes-search-bar .routes-search-bar-btn:hover {
	background:url('/images/btn-gradient-overlay.png') repeat-x top rgb(234,086,040);
}
.routes-search-bar .routes-search-bar-btn:active {
	background:url('/images/btn-gradient-overlay.png') repeat-x top rgb(234,097,054);
}


.create-route-map {
	height:600px;
}
.show-route-map {
	height:600px;
}
.show-route-outer {
  margin-right: 17px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	background:url('/images/dashed_grid.png') -3px rgb(240,240,240);
	border:1px solid rgb(200,200,200);
	position:relative;
}
.route-info {
  color:rgb(175,175,175);
  text-shadow:0 1px 0 #FFFFFF;
  margin-bottom: 15px;
  margin-top: -8px;
}

#routes textarea {
	border: 1px solid #C8C8C8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: rgb(80,80,80);
	font-size: 0.9em;
	margin-top: 10px;
	max-width: 362px;
	min-height:100px;
	max-height:200px;
	padding: 5px 7px;
	width: 362px;
}
#routes textarea:focus {
	background:rgb(255, 255, 230);
	color:rgb(10,10,10);
}
ul.my-teams {margin-bottom:12px;}
ul.my-teams img {
	width:50px;
	float:left;
	border-radius:3px;
	border:1px solid rgb(110,110,110);
	margin-right:5px;
}
li.my-pending-teams img {
	opacity:0.3;
	border:1px dashed rgb(110,110,110);
}

/* Export Button 
------------------------------------*/
.btn-export {
	position:absolute;
	top:-38px;
	right:-1px;
	font-weight:bold;
}
.btn-export a,
.btn-export-closed a {
	text-decoration:none;
	color:rgb(150,150,150);
	border: 1px solid rgb(200,200,200);
	padding:3px 0 0 6px;
	display:block;
	background:url('/images/btn-export-arrow-divider.png') no-repeat 64px 0px rgb(225,225,225);
	width:87px;
	height:22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow:0px 1px 0px rgb(255,255,255);
}
.btn-export-open a {
	background:url('/images/btn-export-arrow-divider.png') no-repeat 64px -25px rgb(225,225,225);
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.btn-export a:hover,
.export-popover a:hover {color:rgb(125,125,125);}
.btn-export a:active,
.export-popover a:active {color:rgb(110,110,110);}
.export-popover {
	position:absolute;
	top:-12px;
	right:-1px;
	font-weight:bold;
	z-index:100;
}
.export-popover ul {
	border: 1px solid rgb(200,200,200);
	border-top:none;
	background:rgb(225,225,225);
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	display:block;
}
.export-popover ul a {
	text-decoration:none;
	color:rgb(150,150,150);
	border-top: 1px solid rgb(200,200,200);
	padding:3px 0 0 6px;
	display:block;
	width:87px;
	height:22px;
	text-shadow:0px 1px 0px rgb(255,255,255);
}


/* language selector */

.language {
	float: right;
	min-width:190px;
	font-size:0.9em;
	}
.language span {
	margin-top: 1px;
	float: left;
	text-align:right;
	}
.selector {
	margin-top: -3px;
	float: right;
	}
.selector li {
	padding: 2px 0 0 1px;
	background: url(../images/language-bg.png) left top no-repeat;
	float: left;
	height: 19px;
	list-style: none;
	}
.selector li:first-child { background-image: url(../images/language-bg_first.png); }
.selector li:last-child {
	padding-right: 1px;
	background: url(../images/language-bg_last.png) right top no-repeat;
}
.selector li a {
	background: url(../images/language-button.png) left top no-repeat;
	display: block;
	height: 17px;
	overflow: hidden;
	width: 22px;
	}
.selector li:first-child a { background-image: url(../images/language-button_first.png); }
.selector li:last-child a { background-image: url(../images/language-button_last.png); }
.selector li a.current { background: none; }
.selector li a img {
	margin: 3px auto 0;
	display: block;
}
.selector li a:hover img,
.selector li a.current img {
	margin-top: 2px;
	border: 1px solid #fff;
}
body#locale .maincontent-sessions {
	padding-bottom:15px;
}
body#locale .maincontent-sessions ul {
	margin-right:-5px;
}
body#locale .maincontent-sessions ul li a {
	width:128px;
	padding:5px 7px;
	margin:0 5px 5px 0;
	background:rgb(240,240,240);
	color:rgb(80,80,80);
	text-shadow:0px 1px 0px #fff;
	border:1px solid rgb(150,150,150);
	display:block;
	float:left;
	-webkit-box-shadow:0px 1px 1px #fff;
	-moz-box-shadow:0px 1px 1px #fff;
	box-shadow:0px 1px 1px #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration:none;
}
body#locale .maincontent-sessions ul li a:hover {color:rgb(100,100,100);}
body#locale .maincontent-sessions ul li a:active {color:rgb(115,115,115);}

body#locale #container-sessions {
	background-image:url('../images/dotted-worldmap.png'), url('../images/bg-blacktexture.png');
	background-position:right 47px, top left;
	background-repeat:no-repeat, repeat;
}

.graph-bucket-highlight {
	padding:3px 6px 6px;
	position: absolute;
	z-index: 25;
	background-color:rgb(70,70,70);
	color:rgb(255,255,255);
	font-size: 15px;
	font-weight:bold;
	text-shadow:0px -1px 0px black;
	white-space:nowrap;
	border:solid 1px rgb(35,35,35);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius:2px;
	-webkit-box-shadow:0px 0px 3px rgba(255,255,255,0.4);
	-moz-box-shadow:0px 0px 3px rgba(255,255,255,0.4);
	-webkit-background-clip: padding-box;
}
.dashboard-graph-container {
	position:relative;
	height:350px;
	margin-bottom:25px;
	margin-top:20px;
}
.y_axis_title_style {
	position: absolute;
	top:0;
	left:0; 
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg); 
	font-size: 13px; 
	color: gray;
	margin-top: 20px;
	margin-left:-15px;
	font-weight: bold;
  min-width:50px;
  text-align: right;
}
.y_axis_tick_style {
	position: absolute; 
	font-size: 13px; 
	color: gray;
	text-align: right;
	width: 50px;
}
.x_axis_title_style {
	position: absolute; font-size: 13px; color: gray;text-align: left;font-weight: bold;
}
.x_axis_title_distribution {
	padding-top:25px;
}
.x_axis_tick_style {
	position: absolute; font-size: 13px; color: gray;text-align: center;
}

.bucket_style {
  border:1px solid rgb(147,44,13);
	border-bottom:none;
  background:rgb(241,94,27) -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F15E1B), to(#AE350F));
  background:-moz-linear-gradient(0% 100% 90deg,#AE350F, #F15E1B);
	position:absolute;
	-webkit-border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.negative_bucket_style {
	border:1px solid rgb(147,44,13);
	border-top:none;
  background:rgb(241,94,27) -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AE350F), to(#F15E1B));
  background:-moz-linear-gradient(0% 100% 90deg,#F15E1B, #AE350F);
	position:absolute;
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
}
.bucket_style:hover,
.negative_bucket_style:hover {
	border-color:rgb(148,83,15);
}
.bucket_style:hover {
	background:rgb(241,94,27) -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fa9726), to(#c06c26));
  background:-moz-linear-gradient(0% 100% 90deg,#c06c26, #fa9726);
}
.negative_bucket_style:hover {
	background:rgb(241,94,27) -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c06c26), to(#fa9726));
  background:-moz-linear-gradient(0% 100% 90deg,#fa9726, #c06c26);
}

.mark_style {
  background:rgb(241,94,27) -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F15E1B), to(#AE350F));
  background:-moz-linear-gradient(0% 100% 90deg,#AE350F, #F15E1B);
	position: absolute;
  bottom: 0;
}

#performance.dashboard-graph-container {
  height: 572px;
}

#performance.dashboard-graph-container .atl {
  margin-top: 65px;
}

#performance.dashboard-graph-container .dashboard-graph-inner {
  height: 250px;
}

/* Team
--------------------------------------------*/

#team {}

.team-controls {
	position:absolute;
	top:0;
	right:15px;
	width:377px;
	background:rgb(150, 150, 150);
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	text-align:center;
}
.team-controls a,
.team-controls input {
	padding:10px 20px 13px;
	display:inline-block;
	text-decoration:none;
	color:white;
	font-weight:bold;
/*	background:red;*/
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0;
	background:none;
	border:none;
	font-size:16px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);
}
.team-controls li {
	display:inline;
	border-left:1px solid rgb(175,175,175);
	border-right:1px solid rgb(110,110,110);
	padding:5px 0 5px;
}
.team-controls a:hover,
.team-controls input:hover {color:rgb(230,230,230);}
.team-controls a:active.
.team-controls input:active {color:rgb(220,220,220);}
.team-controls li:first-child {border-left:none;}
.team-controls li:last-child {border-right:none;}

ul.team-controls .team-membership-pending-label {
	text-decoration:none;
	color:rgb(210,210,210);
	font-weight:bold;
	padding-right:15px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.2);
}

#teams .team-admin-column {
	margin-top:35px;
}

#teams .analysis-numbers-leftcol,
#teams .analysis-numbers-middlecol,
#teams .analysis-numbers-rightcol,
#team_members .analysis-numbers-leftcol,
#team_members .analysis-numbers-middlecol,
#team_members .analysis-numbers-rightcol {
	font-weight:bold;
	color:rgb(115,115,115);
	font-size:1.7em;
	text-shadow:0px 1px 0px rgb(255,255,255);
	line-height:1.2em;
}
#teams .analysis-numbers-leftcol,
#team_members .analysis-numbers-leftcol {
	color:rgb(150,150,150);
}

.main-container-column-wide h4 {
	font-weight:bold;
	font-size:1.7em;
	margin-bottom:10px;
}
p.team-announcement {
	color:rgb(20,20,20);
	margin-bottom:15px;
	line-height:1.3em;
}
form.button_to .new-announcement {
	margin-bottom:7px;
}
#teams form.button_to,
#teams form.button_to div {
	display:inline;
}

ul.team-members {
	background:white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid rgb(150,150,150);
	margin-bottom:10px;
}
ul.team-members li {
	position:relative;
	padding:8px 7px 8px 37px;
	border-top:1px solid rgb(150,150,150);
	font-size:1.3em;
	font-weight:bold;
}
ul.team-members li a {
	color:rgb(90,90,90);
	text-decoration:none;
}
ul.team-members li a:hover {color:rgb(115,115,115);}
ul.team-members li a:active {color:rgb(135,135,135);}

ul.team-members li:first-child {border-top:none;}

img.team-member-img {
	position:absolute;
	top:10px;
	left:10px;
	border:1px solid rgb(150,150,150);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
span.team-member-title {
	color: rgb(100,100,100);
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 0.6em;
	font-weight:normal;
	font-style: italic;
}
span.team-member-team-name {
	color: rgb(100,100,100);
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 0.6em;
	font-weight:normal;
	font-style: italic;
}
/*span.team-member-privacy {
	color: rgb(100,100,100);
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 10px;
	font-weight:normal;
	font-style: italic;
	position: absolute;
	right: 5px;
	bottom: 5px;
}*/
.team-send-message {
	position:absolute;
	top:8px;
	right:8px;
	display:block;
	text-indent:-5555px;
	overflow:hidden;
	background:url('../images/mail-icon-inactive.png') no-repeat 2px 2px;
	width:27px;
	height:20px;
}

img.team-logo {
	position:absolute;
	top:0;
	right:0;
	border:1px solid rgb(110,110,110);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.team-selector {
	border:1px solid rgb(200,200,200);
	display:inline-block;
	padding:4px 47px 4px 5px;
	margin:-5px 0px 10px -5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background:url('../images/team-selector-arrow.png') no-repeat right center;
}

.team-selector:hover {
	background:url('../images/team-selector-arrow.png') no-repeat right center rgb(235,235,235);
}
.team-selector:active {
	background:url('../images/team-selector-arrow.png') no-repeat right center rgb(240,240,240);
}

.team-selector-open {
	-webkit-border-radius:2px 2px 0 0;
	-moz-border-radius:2px 2px 0 0;
	border-radius:2px 2px 0 0;
	background:url('../images/team-selector-arrow-flipped.png') no-repeat right center rgb(235,235,235);
}

ul.team-selector-list {
	position:absolute;
	top:37px;
	left:-5px;
	background:rgb(235,235,235);
	border:1px solid rgb(200,200,200);
}
ul.team-selector-list li {
	border-top:1px solid rgb(200,200,200);
	padding:4px 7px 4px 4px;
}
ul.team-selector-list li:first-child {border:none;}
ul.team-selector-list h2 {
	margin-bottom:0;
}

#team-image-upload {
	border:none;
}

.team-member-admin-controls {
	position:absolute;
	right:42px;
	top:8px;
	display:inline;
	min-width:200px;
}
.team-member-admin-controls .button_to {
	float:left;
	margin-left:5px;
	font-size:16px;
}
.team-member-admin-controls .button_to:first-child {margin-left:0;}
.team-member-admin-controls .button_to,
.team-member-admin-controls .button_to > div {
	display:inline;
}

/* Search */

#search-box {
	display:block;
	background:rgb(240,240,240);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:15px 0 15px 15px;
}
.search-box-search-field,
.search-box-search-categories {
	float:left;
}

#search-box .search-box-search-field input#global-search-field {
	height:17px;
	width:450px;
	background:white;
}
#search-box .search-box-search-field input#global-search-button {
	margin-right:3px;
	height:23px;
}
#search-box .search-box-search-categories input {
	margin:0 5px 0 7px;
	vertical-align:1px;
}
#search-box .search-box-search-categories {
	margin-top:2px;
	text-shadow:0px 1px 0px white;
}
#search-box .search-box-search-categories label {
	display:inline;
	color:rgb(100,100,100);
}
#searches .route-info-small {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

#searches .route-info-small h4 {
	font-size:0.8em;
	margin:5px;
}

#searches h4 {
	margin-top:15px;
	margin-bottom:15px;
}

#searches .search-results-routes {
	margin-right:-15px;
}
.search-results-athletes,
.search-results-teams,
.search-results-routes {
	margin-bottom:15px;
	clear:both;
}
ul.team-list {
	margin-right:-15px;
}
ul.team-list li {
	width:305px;
	min-height:50px;
	background:rgb(255,255,255);
	border:1px solid rgb(150,150,150);
	position:relative;
	padding:5px 5px 5px 65px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0 15px 15px 0;
	float:left;
	-webkit-background-clip: padding-box;
}

ul.team-list li img {
	margin:0;
	position:absolute;
	top:5px;
	left:5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#searches ul.team-list li h4,
#teams ul.team-list li h4 {
	font-size:1.4em;
	margin:0 0 3px 0;
	font-weight:bold;
}
ul.team-list li h4 a {
	text-decoration:none;
	color: rgb(90, 90, 90);
}
ul.team-list li h4 a:hover {color: rgb(115, 115, 115);}
ul.team-list li h4 a:active {color: rgb(135, 135, 135);}

#searches ul.team-list p,
#teams ul.team-list p {
	color:rgb(165,165,165);
	margin:0;
	font-size:0.8em;
}
.privacy-label {
	position:absolute;
	bottom:0px;
	right:0px;
	color:rgb(240,240,240);
	font-size: 9px;
	font-weight:normal;
	background:url('../images/privacy-icons.png') no-repeat right 3px rgb(150,150,150);
	padding:3px 15px 3px 5px;
	text-transform:uppercase;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
.privacy-label.private {
	background-position:right -10px;
}

/* Coaching
------------------------------------------- */

#coaching {}

.coached-rider-thumb {
	width:50px;
}
ul.team-list li.coached-rider {
	padding-bottom:12px;
}

ul.team-list li.coached-rider h4 {
	font-size:1.4em;
	margin:1px 0 8px 0;
	font-weight:bold;
}
.team-list#coaches h4 {
	font-size:1.4em;
	margin:1px 0 8px 0;
	font-weight:bold;
}
.coaching-actions {
	margin:5px 5px 10px 0;
	padding-bottom:14px;
	border-bottom:1px solid rgb(200,200,200);
}
.coaching-actions a,
.coaching-actions input {
	font-size:0.75em;
	padding:3px 25px 3px 5px;
	border:1px solid rgb(200,200,200);
	color:rgb(70,70,70);
	background:url('../images/coaching-action-icons.png') no-repeat right rgb(240,240,240);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration:none;
}
.coaching-actions input {
	display:inline;
	margin:0;
/*	float:left;*/
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.coaching-actions .button_to {display:inline; margin:0;}
.coaching-actions .button_to > div {
	display:inline;
	margin:0;
}
	.coaching-actions a:hover,
	.coaching-actions input:hover {color:rgb(90,90,90);}
	.coaching-actions a:active,
	.coaching-actions input:active {color:rgb(50,50,50);}
.coaching-actions a.send-message{background-position:right 4px;}
.coaching-actions a.create-rider-workout{background-position:right -17px;}
.coaching-actions input.add-coach{background-position:right -36px;}
.coaching-actions input.add-coach.pending-approval{background-position:right -17px;}
.coaching-actions input.accept-rider{background-position:right -36px;}
.coaching-actions input.deny-rider{background-position:right -56px;}

.coached-rider h5,
.coach h5 {
	text-transform:uppercase;
	font-size:0.9em;
	margin-bottom:7px;
	color:rgb(140,140,140);
	position:relative;
}
.coached-rider p,
.coach p {
	font-size:0.9em;
	margin-bottom:7px;
	line-height:1.2em;
	color:rgb(50,50,50);
}
.edit-rider-notes {
	display:inline;
	font-size:0.7em;
	margin-left:2px;
	color:rgb(90,90,90);
	text-decoration:none;
	padding:0px 3px 1px;
	border:1px solid rgb(200,200,200);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight:normal;
	vertical-align:2px;
}
	.edit-rider-notes:hover {color:rgb(110,110,110);}
	.edit-rider-notes:active {color:rgb(70,70,70);}

#coach_bio_readonly {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px solid rgb(150,150,150);
	}
#coach_bio_readonly p {
	color:rgb(50,50,50);
	line-height:1.2em;
	margin-bottom:5px;
	padding:6px 7px 8px 8px;
	font-size:0.9em;
}
#athlete_coach_bio {
	border: 1px solid #C8C8C8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: rgb(80,80,80);
	font-size: 0.9em;
	width: 362px;
	max-width: 362px;
	height:200px;
	max-height:400px;
	padding: 5px 7px;
	font-family:"Helvetica neue", Helvetica, Arial;
	line-height:1.2em;
	margin:0 0 10px;
}
#edit_form {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom: 1px solid rgb(150,150,150);
}

#pending li {
	width:305px;
	min-height:62px;
	background:rgb(255,255,255);
	border:1px solid rgb(150,150,150);
	position:relative;
	padding:5px 5px 5px 71px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0 15px 15px 0;
	float:left;
	-webkit-background-clip: padding-box;
}
#pending li img {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#pending h4 {
	font-size:1.4em;
	margin:3px 0 8px 0;
	font-weight:bold;
}
#pending li h4 a {
	text-decoration:none;
	color: rgb(90, 90, 90);
}
#pending li h4 a:hover {color: rgb(115, 115, 115);}
#pending li h4 a:active {color: rgb(135, 135, 135);}
.pending-actions {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0px;
}
.no-athletes-pending {
	color:rgb(50,50,50);
	padding:5px 0 15px;
}

.coached-rider .analysis-top-col {
	width:300px;
	margin-top:10px;
}
.coached-rider .analysis-top-col li {
	background:none;
	border:none;
	width:inherit;
	height:none;
	min-height:0;
	margin:0;
	padding:0;
	font-size:16px;
	display:block;
	width:120px;
}
.coached-rider .analysis-numbers-columngroup {
	width:150px;
	margin-bottom:0;
}
.coached-rider .analysis-top-col {
	margin-bottom:15px;
}
.coached-rider .analysis-numbers-leftcol {width:40px;}
.coached-rider .analysis-numbers-rightcol {width:40px;}
.coached-rider .analysis-top-col li {width:60px;}
.coached-rider .analysis-numbers-middlecol {width:60px;}
/* Beta                 
------------------------------------------- */

ul.beta-news,
ul.beta-help,
ul.beta-downloads {
	line-height:1.5em;
	color:rgb(50,50,50);
	margin-bottom:15px;
}
span.beta-news-timestamp {
	color:rgb(150,150,150);
	text-transform:uppercase;
	font-size:0.8em;
	margin-right:10px;
	vertical-align:middle;
	text-shadow:0px 1px 0px rgb(240,240,240);
}
ul.beta-help a,
ul.beta-downloads a {
	color:rgb(50,50,50);
	text-decoration:none;
	border-bottom:1px solid rgb(200,200,200);
	margin-left:20px;
}
ul.beta-help li {
	background:url('../images/beta-sprites.png') no-repeat 0px 5px;
}
ul.beta-downloads li {
	background:url('../images/beta-sprites.png') no-repeat 0px -14px;
}

#apple .maincontent-sessions a {
	text-decoration:none;
	color:rgb(233,70,20);
}
#apple .maincontent-sessions a:hover {
	color:rgb(180,70,20);
}
#apple a:hover {
	color:;
}