/*-------------------------------------------------------------------------*/
/* Reset                                                                   */
/*-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------*/
/* Base                                                                    */
/*-------------------------------------------------------------------------*/

/* --- STANDARD STYLES --- */

@font-face {
    font-family: 'Endoicons';
    src: url('/gfx/fonts/endoicons-regular.eot');
    src: url('/gfx/fonts/endoicons-regular.eot?#iefix') format('embedded-opentype'),
        url('/gfx/fonts/endoicons-regular.woff') format('woff'),
        url('/gfx/fonts/endoicons-regular.ttf') format('truetype'),
        url('/gfx/fonts/endoicons-regular.svg#endoiconsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {color:#333330;font-family:"Helvetica Neue", Helvetica, Arial, Verdana;font-size:12px;line-height:16px;}

a {
	text-decoration:none;
	color:#333330;
}

h1 {margin-top:0;}
hr {border:0;height:1px;width:100%;}

.inputField, textarea, select {
	margin: 1px 0 1px 0;
	border-width: 0;
	background-color: #F0F0EB;
	color: #333330;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
	font-size: 11px;
	line-height: 14px;
}

.inputField, textarea {
	padding: 1px 5px 1px 5px;
	resize: none;
}

.upperMain .inputField, .upperMain textarea, .upperMain select {
	background-color: #f8f8f8;
}

/* ---- FONTS ---- */

.greenLinks a {text-decoration:underline;color:#87aa14;}
.greenLinks a:hover {text-decoration:none;}

/* ---- FIX ---- */

.uppercase {text-transform:uppercase;}

.clear {clear:both;}
.clearing {height:0;clear:both;}

.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* ---- SIZES ---- */

.half {width:35px;}
.one {width:80px;}
.onehalf {width:125px !important}
.two {width:170px;}
.three {width:260px;}

/* ---- COLORS ---- */

.off_white {color:#F0F0EB;}
.bg_off_white {background:#F0F0EB;}

.darkgray {color:#333330;}
.bg_darkgray {background:#333330;}
  
.green {color:#87aa14;}

.color-code {background:#f48159;}
/* 0 */
.RUNNING .color-code, .RUNNING.color-code {background:#8cc474;}
/* 1 */
.CYCLING_TRANSPORTATION .color-code, .CYCLING_TRANSPORTATION.color-code {background:#ffe168;}
/* 2 */
.CYCLING_SPORT .color-code, .CYCLING_SPORT.color-code {background:#fbcb43;}
/* 3 */
.MOUNTAIN_BIKING .color-code, .MOUNTAIN_BIKING.color-code {background:#f4df3b;}
/* 4 */
.ROLLER_SKATING .color-code, .ROLLER_SKATING.color-code {background:#bc5679;}
/* 5 */
.ROLLER_SKIING .color-code, .ROLLER_SKIING.color-code {background:#6f85bf;}
/* 6 */
.SKIING_CROSS_COUNTRY .color-code, .SKIING_CROSS_COUNTRY.color-code {background:#a8b5d8;}
/* 7 */
.SKIING_DOWNHILL .color-code, .SKIING_DOWNHILL.color-code {background:#6f85bf;}
/* 8 */
.SNOWBOARDING .color-code, .SNOWBOARDING.color-code {background:#6f85bf;}
/* 9 */
.KAYAKING .color-code, .KAYAKING.color-code {background:#a0c3ff;}
/* 10 */
.KITE_SURFING .color-code, .KITE_SURFING.color-code {background:#76a7fa;}
/* 11 */
.ROWING .color-code, .ROWING.color-code {background:#76a7fa;}
/* 12 */
.SAILING .color-code, .SAILING.color-code {background:#a0c3ff;}
/* 13 */
.WINDSURFING .color-code, .WINDSURFING.color-code {background:#76a7fa;}
/* 14 */
.FITNESS_WALKING .color-code, .FITNESS_WALKING.color-code {background:#bc5679;}
/* 15 */
.GOLFING .color-code, .GOLFING.color-code {background:#7bcfa9;}
/* 16 */
.HIKING .color-code, .HIKING.color-code {background:#a8b5d8;}
/* 17 */
.ORIENTEERING .color-code, .ORIENTEERING.color-code {background:#33b679;}
/* 18 */
.WALKING .color-code, .WALKING.color-code {background:#bc5679;}
/* 19 */
.RIDING .color-code, .RIDING.color-code {background:#7bcfa9;}
/* 20 */
.SWIMMING .color-code, .SWIMMING.color-code {background:#76a7fa;}
/* 21 */
.SPINNING .color-code, .SPINNING.color-code {background:#f8f06c;}
/* 22 */
.OTHER .color-code, .OTHER.color-code {background:#f48159;}
/* 23 */
.AEROBICS .color-code, .AEROBICS.color-code {background:#f48159;}
/* 24 */
.BADMINTON .color-code, .BADMINTON.color-code {background:#f48159;}
/* 25 */
.BASEBALL .color-code, .BASEBALL.color-code {background:#f48159;}
/* 26 */
.BASKETBALL .color-code, .BASKETBALL.color-code {background:#f48159;}
/* 27 */
.BOXING .color-code, .BOXING.color-code {background:#f48159;}
/* 28 */
.STAIR_CLIMBING .color-code, .STAIR_CLIMBING.color-code {background:#f48159;}
/* 29 */
.CRICKET .color-code, .CRICKET.color-code {background:#f48159;}
/* 30 */
.CROSS_TRAINING .color-code, .CROSS_TRAINING.color-code {background:#f48159;}
/* 31 */
.DANCING .color-code, .DANCING.color-code {background:#f48159;}
/* 32 */
.FENCING .color-code, .FENCING.color-code {background:#f48159;}
/* 33 */
.AMERICAN_FOOTBALL .color-code, .AMERICAN_FOOTBALL.color-code {background:#f48159;}
/* 34 */
.RUGBY .color-code, .RUGBY.color-code {background:#f48159;}
/* 35 */
.SOCCER .color-code, .SOCCER.color-code {background:#f48159;}
/* 36 */
.HANDBALL .color-code, .HANDBALL.color-code {background:#f48159;}
/* 37 */
.HOCKEY .color-code, .HOCKEY.color-code {background:#f48159;}
/* 38 */
.PILATES .color-code, .PILATES.color-code {background:#f48159;}
/* 39 */
.POLO .color-code, .POLO.color-code {background:#f48159;}
/* 40 */
.SCUBA_DIVING .color-code, .SCUBA_DIVING.color-code {background:#f48159;}
/* 41 */
.SQUASH .color-code, .SQUASH.color-code {background:#f48159;}
/* 42 */
.TABLE_TENNIS .color-code, .TABLE_TENNIS.color-code {background:#f48159;}
/* 43 */
.TENNIS .color-code, .TENNIS.color-code {background:#f48159;}
/* 44 */
.BEACH_VOLLEY .color-code, .BEACH_VOLLEY.color-code {background:#f48159;}
/* 45 */
.VOLLEYBALL .color-code, .VOLLEYBALL.color-code {background:#f48159;}
/* 46 */
.WEIGHT_TRAINING .color-code, .WEIGHT_TRAINING.color-code {background:#cddc39;}
/* 47 */
.YOGA .color-code, .YOGA.color-code {background:#f8b39b;}
/* 48 */
.MARTIAL_ARTS .color-code, .MARTIAL_ARTS.color-code {background:#9e69af;}
/* 49 */
.GYMNASTICS .color-code, .GYMNASTICS.color-code {background:#7bcfa9;}
/* 50 */
.STEP_COUNTER .color-code, .STEP_COUNTER.color-code {background:#bc5679;}
/* 51 */
.ARCHERY .color-code, .ARCHERY.color-code {background:#f48159;}
/* 52 */
.ATHLETICS_SPRINTS .color-code, .ATHLETICS_SPRINTS.color-code {background:#f48159;}
/* 53 */
.ATHLETICS_THROWS .color-code, .ATHLETICS_THROWS.color-code {background:#f48159;}
/* 54 */
.ATHLETICS_JUMPS .color-code, .ATHLETICS_JUMPS.color-code {background:#f48159;}
/* 55 */
.BOWLING .color-code, .BOWLING.color-code {background:#f48159;}
/* 56 */
.BRISK_WALKING .color-code, .BRISK_WALKING.color-code {background:#f48159;}
/* 57 */
.CALISTHENICS .color-code, .CALISTHENICS.color-code {background:#f48159;}
/* 58 */
.CIRCUIT_TRAINING .color-code, .CIRCUIT_TRAINING.color-code {background:#f48159;}
/* 59 */
.DANCE_FIT .color-code, .DANCE_FIT.color-code {background:#f48159;}
/* 60 */
.DRAGON_BOAT .color-code, .DRAGON_BOAT.color-code {background:#f48159;}
/* 61 */
.FABULOUS .color-code, .FABULOUS.color-code {background:#f48159;}
/* 62 */
.FLOOR_BALL .color-code, .FLOOR_BALL.color-code {background:#f48159;}
/* 63 */
.GARDENING .color-code, .GARDENING.color-code {background:#f48159;}
/* 64 */
.HEALTH_QIGONG .color-code, .HEALTH_QIGONG.color-code {background:#f48159;}
/* 65 */
.HOUSEHOLD_CHORES_LIGHT .color-code, .HOUSEHOLD_CHORES_LIGHT.color-code {background:#f48159;}
/* 66 */
.HOUSEHOLD_CHORES_MODERATE .color-code, .HOUSEHOLD_CHORES_MODERATE.color-code {background:#f48159;}
/* 67 */
.JUMPING_ROPE .color-code, .JUMPING_ROPE.color-code {background:#f48159;}
/* 68 */
.LINE_DANCING .color-code, .LINE_DANCING.color-code {background:#f48159;}
/* 69 */
.LION_DANCING .color-code, .LION_DANCING.color-code {background:#f48159;}
/* 70 */
.NET_BALL .color-code, .NET_BALL.color-code {background:#f48159;}
/* 71 */
.STROLLING .color-code, .STROLLING.color-code {background:#f48159;}
/* 72 */
.SINGAPORE_WORKOUT .color-code, .NET_BALL.color-code {background:#f48159;}
/* 73 */
.QIGONG .color-code, .QIGONG.color-code {background:#f48159;}
/* 74 */
.QUICK_SIX .color-code, .QUICK_SIX.color-code {background:#f48159;}
/* 75 */
.ROCK_CLIMBING .color-code, .ROCK_CLIMBING.color-code {background:#f48159;}
/* 76 */
.SEPAK_TAKRAW .color-code, .SEPAK_TAKRAW.color-code {background:#f48159;}
/* 77 */
.SHOOTING .color-code, .SHOOTING.color-code {background:#f48159;}
/* 78 */
.SOFTBALL .color-code, .SOFTBALL.color-code {background:#f48159;}
/* 79 */
.TAICHI .color-code, .TAICHI.color-code {background:#f48159;}
/* 80 */
.TOUCH_RUGBY .color-code, .TOUCH_RUGBY.color-code {background:#f48159;}
/* 81 */
.TREKKING .color-code, .TREKKING.color-code {background:#f48159;}
/* 82 */
.TRIATHLON .color-code, .TRIATHLON.color-code {background:#f48159;}
/* 83 */
.ULTIMATE_FRISBEE .color-code, .ULTIMATE_FRISBEE.color-code {background:#f48159;}
/* 84 */
.WEIGHT_LIFTING .color-code, .WEIGHT_LIFTING.color-code {background:#f48159;}
/* 85 */
.PICKLEBALL .color-code, .PICKLEBALL.color-code {background:#f48159;}
/* 86 */
.WALKING_TRANSPORTATION .color-code, .WALKING_TRANSPORTATION.color-code {background:#f48159;}
/* 87 */
.CROSSFIT .color-code, .CROSSFIT.color-code {background:#e8efa6;}
/* 88 */
.TREADMILL_RUNNING .color-code, .TREADMILL_RUNNING.color-code {background:#badbab;}
/* 89 */
.SKATEBOARDING .color-code, .SKATEBOARDING.color-code {background:#f48159;}
/* 90 */
.SURFING .color-code, .SURFING.color-code {background:#f48159;}
/* 91 */
.SNOWSHOEING .color-code, .SNOWSHOEING.color-code {background:#6f85bf;}
/* 92 */
.WHEELCHAIR .color-code, .WHEELCHAIR.color-code {background:#f48159;}
/* 93 */
.CLIMBING .color-code, .CLIMBING.color-code {background:#dae56b;}
/* 94 */
.TREADMILL_WALKING .color-code, .TREADMILL_WALKING.color-code {background:#bc5679;}
/* 95 */
.KICK_SCOOTER .color-code, .KICK_SCOOTER.color-code {background:#f6eb3b;}
/* 96 */
.STANDUP_PADDLING .color-code, .STANDUP_PADDLING.color-code {background:#4385f5;}
/* 97 */
.RUNNING_TRAIL .color-code, .RUNNING_TRAIL.color-code {background:#64b044;}
/* 98 */
.ROWING_INDOOR .color-code, .ROWING_INDOOR.color-code {background:#a0c3ff;}
/* 99 */
.FLOORBALL .color-code, .FLOORBALL.color-code {background:#f9b256;}
/* 100 */
.ICE_SKATING .color-code, .ICE_SKATING.color-code {background:#3f5ca8;}
/* 101 */
.SKIING_TOURING .color-code, .SKIING_TOURING.color-code {background:#a8b5d8;}
/* 102 */
.ROPE_JUMPING .color-code, .ROPE_JUMPING.color-code {background:#33b679;}
/* 103 */
.STRETCHING .color-code, .STRETCHING.color-code {background:#e57368;}
/* 104 */
.RUNNING_CANICROSS .color-code, .RUNNING_CANICROSS.color-code {background:#e8f0a7;}
/* 105 */
.PADDLE_TENNIS .color-code, .PADDLE_TENNIS.color-code {background:#f4b400;}
 /* 106 */
.PARAGLIDING .color-code, .PARAGLIDING.color-code {background:#4dbfd9;}


/* --- Database Images --- */

.thumbNailPicture {
	width:60px;
	height:60px;
	text-align:center;
	display:block;
	float:left;
}

.thumbNailPicture img {
	margin:auto auto auto auto;
	vertical-align:middle;
	width:60px;
	height:60px;
}

a.thumbnailLink {
  height: 60px;	
  width:60px;
  text-align:center;
  text-decoration:none;
  position:relative;
  display:block;
  float:left;
}

a.thumbnailLink .thumbnailBadge {
  position:absolute;
  right:-3px;
  top:-3px;
  width: 21px;
  height: 21px;
  background: transparent url("/gfx/premium/Premium_logo_21x21.png") no-repeat 0 0;
}

a.thumbnailLink .thumbnailImage {
	margin:auto auto auto auto;
	vertical-align:middle;
	width:60px;
	height:60px;
}


.tinyPicture {
	width: 40px;
	height: 40px;
	text-align: center;
	display: block;
	float: left;
}

.tinyPicture img {
	margin: auto auto auto auto;
	vertical-align: middle;
	width: 40px;
	height: 40px;
}

a.tinyPictureLink {
  height: 40px;	
  width:40px;
  text-align:center;
  text-decoration:none;
  position:relative;
  display:block;
  float:left;
  margin-top: 2px;
}

a.tinyPictureLink .tinyBadge {
  position:absolute;
  right:-5%;
  top:-5%;
  width: 13px;
  height: 13px;
  background: transparent url("/gfx/premium/Premium_logo_13x13.png") no-repeat 0 0;
}

a.tinyPictureLink .tinyImage {
	margin:auto auto auto auto;
	vertical-align:middle;
	width:40px;
	height:40px;
}

/*-------------------------------------------------------------------------*/
/* EndomondoPage Template Layout                                           */
/*-------------------------------------------------------------------------*/

/* --- MAIN LAYOUT --- */

#main {
		background-color: #f8f8f8;
}

#wrap {min-width:1080px;overflow:hidden;}
#inner {}

#logo {
	width:192px;
	height:49px;
}

#logo a {
	display: block;
	width:156px;
	height:22px;
	background: url("/gfx/logos/logo.svg") no-repeat scroll left center transparent;
	background-size: contain;
 	position: relative;
	top: 12px;
}	

#logo.singapore a {
	background: url("/gfx/topmenu/hpblogo.png") no-repeat scroll left center transparent;
}	

.container {
	float:left;
}

#front-page #upperSection .container,
#routes-widget-page .container,
#event-widget-page .container,
#workout-widget-page .container,
#createWorkoutPage .container,
#event-page .container,
#createEventPage .container,
#routesPage .container,
#people-page .container {
	width:100%;
	margin-right:-260px;
}

#login-or-signup .container,
#signup-page .container,
#signin-page .container,
#signin-signup-page2 .container {
	float: none;
}
#routes-widget-page #lowerSection,
#event-widget-page #lowerSection,
#workout-widget-page #lowerSection {
	width:100%;
}

.mainContent {
	margin-right:260px;
}

#front-page .mainContent {
	margin-right:0;
}

/* AD */

.topAdContainer {
	width:100%;
	padding: 13px 0;
	background-color: #f8f8f8;
}

.topAdContainer div {
	margin-left: auto;
	margin-right: auto;
}

.sidebarAdContainer {
	width:100%;
	padding: 15px 0;
}

.sidebarAdContainer div {
	margin: 0 0 0 auto;
}

.bottomAdContainer {
	width:100%;
	position:absolute;
	bottom:0;
}

.bottomAdContainer div {
	margin: 5px auto;
}

#lowerSection .leftAdContainer {
	position: absolute;
	left: -180px;
	top: 34px;
}

#lowerSection .leftAdContainer div,
#lowerSection .rightAdContainer div {
	border: 1px solid #D7D7D7;
}

#lowerSection .rightAdContainer {
	position: absolute;
	right: -180px;
	top: 34px;
}

#login-or-signup .bottomAdContainer,
#signin-page .bottomAdContainer,
#signup-page .bottomAdContainer,
#signin-signup-page2  .bottomAdContainer{
	position: static;
}

.footerAdContainer {
	width:100%;
	background-color: #151512;
	padding: 10px 0;
	position: relative;
	top: -1px;
}

.footerAdContainer div {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

/* AD END */

/* LOUNGE PAPERCLIP */
.mainContent .al-promo {
	position: absolute;
	top: 2px;
	width: 169px;
	height: 40px;
	background: url("/gfx/lounge/AL-join-menu-banner.png") no-repeat scroll center center transparent;
	z-index: 1;
}

.mainContent .al-promo a {
	display: block !important;
	height: 40px !important;
}

.mainContent .paperclip {
	display: block;
	position: absolute;
	top: -14px;
	width: 15px !important;
	height: 44px !important;
	background: url("/gfx/lounge/paperclip.png") no-repeat scroll center center transparent;
	z-index: 1;
}

/* LOUNGE PAPERCLIP END*/

.sidebar {
	width:260px;
	float:right;
}

.sidebar_inner {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
	font-size: 11px;
	line-height: 14px;
}

/* --- HEADER SECTION --- */

#header {
	font-family: 'Roboto', sans-serif;
	position: relative;
	z-index: 999;
	width: 100%;
	background: white;
	border-bottom: 1px solid #e6e6e6;
	-webkit-font-smoothing: antialiased;
	max-height: 48px;
}

#header .sidebar {
	width:200px;
	float:left;
}

#header .headerCenter {
	margin: 0 auto 0 auto;
	width: 1024px;
	height: 49px;
}

#header .container {
/*	width:494px;*/
	width:auto;
/* 	width:474px; fit google, see what happens */
    float:left;
	margin-right:0;
}

#header .mainContent {
	margin-right:0;
}

#header .headerRightContent {
    float: right;
	position: relative;
}

#header .headerRightContent .personalMenuPanel {	
	width: 220px;
}

#header .headerRightContent .enterSite {
	margin-top: 17px;
}

#header .headerRightContent .enterSite .fbSignInButton {
	float: right;
	margin-left: 20px;
}
#header .menuContainer {
	float: left;
}
#header a.createWorkoutLink {	
	float: left;		        
    display: inline-block;	
	font-weight: normal;
	text-align: center;	
	cursor: pointer;	
	white-space: nowrap;
	padding: 3px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #ffffff;
	background-color: #94d8e8;
	border: 1px solid transparent;
	background-image: -webkit-linear-gradient(top, #a0dbeb 0%, #94d8e8 100%);
	background-image: linear-gradient(to bottom, #a0dbeb 0%, #94d8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0dbeb', endColorstr='#ff94d8e8', GradientType=0);
	background-repeat: repeat-x;
	position: relative;
	top: 11px;
	margin-left: 18px;
}
#header a.createWorkoutLink:hover {
	color: #ffffff;
	background-color: #88c7df;
	background-image: -webkit-linear-gradient(top, #a0dbeb 0%, #88c7df  100%);
	background-image: linear-gradient(to bottom, #a0dbeb 0%, #88c7df 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0dbeb', endColorstr='#ff88c7df', GradientType=0);
	background-repeat: repeat-x;
	border: 1px solid #73b8cf;
}

#header a.createWorkoutLink .createText {
	font-size: 14px;		
	font-weight: 400;
	text-align: right;
	display: inline-block;	
}


#header .notificationLink {
	float: right;
	color: #f8f8f8;
	height: 25px;
    margin: 0 15px 0 0;
    width: 25px;
    position: relative;    
    padding-right: 12px;
    padding-top: 13px;   
}

#header .notificationLink .icon path {
	fill: #fbcb43;
}

.notificationLink .notificationCount {
	background-color: transparent;
	padding: 0;
	-webkit-border-radius: 2px;
	overflow: hidden;
	padding-top: 6px;
	position: absolute;
	right: 8px;
	top: 0;
	z-index: 101;
}
.notificationLink .notificationCount span {	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-family: "Helvetica Neue", Helvetica, Arial, "lucida grande",sans-serif;
	font-size: 10px;
	-webkit-font-smoothing: antialiased;
	font-weight: bold;
	height: 14px;
	line-height: 13px;
	min-width: 14px;
	padding: 0;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
	display: block;
	background-color: #db4437;
	border: 1px solid #d73d32;	
}

#header a.premiumLink,
#header a.upgradeLink {
	color: #666;
	position: absolute;
	top: 0;
	left: 41px;	
	font-size: 12px;
	font-weight: bold;
}

#header a.premiumLink:hover,
#header a.upgradeLink:hover {
	text-decoration: underline;
}

#header .personalMenu {
	height: 40px;
	margin-top: 8px;
}

#header .personalMenu a.profileMenuLink {
	display:block;
	float: right;
    height: 40px;
}

#header .personalMenu a.profileMenuLink div.profileImage {
	display: block;
	position:relative;
	float: right;
    background-color: white;
    width: 30px;
    height: 30px;
    border: 1px solid #e6e6e6;
}

/* ++++++++++++++++++++++ */
#header .personalMenu a.profileMenuLink div.profileImage img.profileImage {
	height: 30px;
    vertical-align: middle;
    width: 30px;
    display: block;
    position: relative;
}

#header .personalMenu a.profileMenuLink div.profileImage span.profileBadge {
  position:absolute;
  right:-5px;
  top:-5px;
  width: 14px;
  height: 14px;
  background: transparent url("/gfx/premium/Premium_logo_13x13.png") no-repeat 0 0;
}
/* ++++++++++++++++++++++ */


#header .personalMenu a.profileMenuLink div.profileName {
	display: block;
	float: right;
	font-size: 12px;
	line-height: 12px;
	height: 15px;
	padding: 18px 0 0 9px;
	color: #666;
	width: 108px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#header .personalMenu a.profileMenuLink div.profileArrow {
	display: block;
	float: right;
	height: 12px;
	width: 15px;
	background: url("/gfx/topmenu/white_triangle.png") no-repeat scroll right bottom transparent;
	padding-top: 18px;
}

#header .personalMenu li {
  margin:0;
}

#header .personalMenu {
	float: right;
	position: relative;
}

#header .personalMenuInner {

}

#header .personalMenuInner:hover .personalMenu-menu {
  display: block;
}

#header .personalMenu-menu {
    display: none;
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 10000;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
    padding: 5px 0;
	background-color: #ffffff;
	width: 148px;
}

#header .personalMenu-menu a {
	display: block;
	padding: 3px 10px 2px 10px;
}

#header .personalMenu-menu a:hover {
	background-color: #F0F0EB;
}

#menuSearch form.search {
	padding: 2px 10px 7px 10px;
	position:relative;
}

#routesPage #header {
	margin-bottom: 10px;
}

#createWorkoutPage #lowerSection,
#people-page #lowerSection,
#event-page #lowerSection,
#routesPage #lowerSection {
	margin-bottom: 20px;
}

#menuSearch form.search .searchField {
	width: 240px;
	height: 20px;
	overflow: hidden;
}

#menuSearch form.search input {
	width:209px;
	height: 14px;
	margin: 0;
	background-color: #f8f8f8;
	border: 1px solid #87aa14;
	color: #333330;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	padding: 2px 20px 2px 9px;
}

#menuSearch form.search a.button {
	display:block;
	width:16px;
	height:16px;
	overflow:hidden;
	background: url("/gfx/component/search/search-magnifying.png") no-repeat scroll center center transparent;
	padding: 0;
	position: absolute;
	right: 12px;
	top: 4px;
}

#menuSearch form.search a.button span {
	position:absolute;
	top:-9999px;
}

a.fbSignInButton,
#lightbox .navigation a.fbSignInButton {
	background: url("/gfx/logos/facebookButton.png") no-repeat scroll center center transparent;
	width: 130px;
	height: 15px;
	overflow: hidden;
	padding: 0 0 0 20px;
	text-align: center;
	text-decoration: none !important;
	text-transform: none;
	color: #F0F0EB;
	display: block;
}

#lightbox .navigation a.fbSignInButton:hover {
	background-position: 0 0;
	color: #F0F0EB;
}

a.facebookButtonLarge,
#lightbox .navigation a.facebookButtonLarge {
	background: url("/gfx/logos/facebookButtonLarge.png") no-repeat scroll center center transparent;
	width: 195px;
	height: 25px;
	overflow: hidden;
	padding: 0 0 0 20px;
	text-align: center;
	text-decoration: none !important;
	text-transform: none;
	line-height: 25px;
	color: #F0F0EB;
	display: block;
}

#lightbox .navigation a.facebookButtonLarge:hover {
	background-position: 0 0;
	color: #F0F0EB;
}

.enterSite .fbSignInButton {
	float:left;
}

.enterSite .signInButton {
	float:right;
}

#lowerSidebar .timeline {
	width: 137px;
	height: 21px;
}

#lowerSidebar .facebookLike,
.sidebar .facebookLike {
	padding: 0 0 10px 10px;
	width: 125px;
	float: left;
	overflow: hidden;
}

#lowerSidebar .followUsContainer,
.sidebar .followUsContainer {
	padding: 0 10px 0 0;
	width: 115px;
	overflow: hidden;
	float: right;
}

/* --- SIGN UP BUTTON --- */

a.signUp {
	background:url("/gfx/component/button/button_green_big.png") no-repeat scroll 0 -4px transparent;
	width:170px;
	height:47px;
	padding:7px 0 5px 0;
	text-align:center;
	font-size:30px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	line-height:30px;
	display:block;
	color:#F0F0EB;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}

a.signUp:hover {
	background-position:0 -64px;
}

a.signUp div {
	display:inline-block;
}

a.signUp span {
	display: block;
	text-transform:uppercase;
	font-size:15px;
	line-height:15px;
	text-align:right;
}

/* --- END SIGN UP BUTTON --- */

/* --- UPPER SECTION --- */

#upperSection {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	width:1024px;
}

#sport-page #upperSection,
#front-page #upperSection {
	width: 100%;
}

.upperSection {
	min-height: 25px;
}

.upperSection .sidebar_inner {
	padding: 5px 10px 10px 10px;
}

.upperMain .innerContent {
	margin: 25px 0 25px 0;
}

.upperSidebarContent {
	padding: 10px 0 0 0;
}

.upperSidebarContent div.timeline {
	padding-bottom: 30px;
}

/* --- LOWER SECTION --- */

#lowerMain {
	min-height: 600px;
}

#lowerSection {
	position:relative;
	margin:0 auto;
	width:1024px;
}

#lowerSection.ads {
	min-height: 675px;
}

#createWorkoutPage #lowerSidebar .sidebar_inner,
#event-page #lowerSidebar .sidebar_inner,
#createEventPage #lowerSidebar .sidebar_inner,
#routesPage #lowerSidebar .sidebar_inner,
#people-page #lowerSidebar .sidebar_inner {
	background-color:transparent;
}

#lowerMain.map {
	overflow:visible;
}

#lowerMain .standardMargin {
	padding: 25px 0 45px 0;
}

#login-or-signup #lowerMain .standardMargin,
#signup-page #lowerMain .standardMargin,
#signin-page #lowerMain .standardMargin,
#signin-signup-page2 #lowerMain .standardMargin {
	width: 710px;
	margin: 0 auto;
}

#lowerMain .standardContent {
	padding: 10px;
	background-color: #F0F0EB;
}

#lowerSidebar .lowerSidebarSearch {
	background-color: #F0F0EB;
	padding-top: 10px;
}

#lowerSidebar .sidebar_inner {
	padding: 10px 10px 10px 10px;
}

#home-page #lowerSidebar .sidebar_inner {
	background-color: #F0F0EB;
}

#lowerSidebar.opaque {
	padding-top:25px;
	width:260px;
	float:right;
}

#home-page #lowerSidebar.opaque {
	padding-top:45px;
}

#lowerSidebar.transparent {
	position:absolute;
	z-index:2000;
	width:260px;
	right:0;
	top:0;
	background: url("/gfx/page/sidebar_background_transparent.png");
}

.green_bar {position:absolute;z-index:2;width:260px;height:45px;right:0;bottom:0;background:#87aa14;}

.gray_bg_color {background:#f8f8f8 url("/gfx/page/sidebar_background.png") repeat-y right;}

#lowerMain .innerContent {
	margin: 25px 0 25px 45px;
}

#lowerMain .standardText {
	width: 620px;
}

#lowerMain .standardText a {
	text-decoration: underline;
}

#lowerMain .standardText a:hover {
	text-decoration: none;
}

/* --- LOWER SIDEBAR --- */

#lowerSidebar .inputField, #lowerSidebar textarea, #lowerSidebar select {
	background-color: #F0F0EB;
	color: #333330;
}

/* --- MAP OVERLAYS --- */

#mapBar {
	color: #F0F0EB;
}

#mapBar a {
	color: #F0F0EB;
	text-decoration: none;
}

#mapBar a:hover {
	text-decoration: underline;
}

#mapTopLeft {
	background-color: #FFFFFF;
    left: 32px;
    position: absolute;
    top: 10px;
    width: 100px;
    z-index: 1;
	text-align:center;
    border: 1px solid #6c7c87;
}

.fullscreen-active #mapTopLeft {
  left: 86px;
  top: 18px;
}

#mapGeoSearch {
	position:absolute;
	z-index:1;
	top:9px;
	right:360px;
}

#mapGeoSearch input {
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	width:125px;
	height: 16px;
}

a.terms-of-use-link {
	margin-right: 270px;
}

/* --- FOOTER --- */

#footer.singapore {
	background:#5555FF;
}

#footer {
	background:#FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 2px solid #e6e6e6;
}

#footer_content {
	background-color: #FFFFFF;	
}

#footer_logo {	
	max-width:474px;
	margin:0 auto;
	padding-top: 40px;
}
#footer_menu {	
	width:1024px;
	margin:0 auto;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.42857143;
}
#footer_menu .links {
	float: left;
}

#footer_menu .links li {
	padding: 0 6px 0 6px;
	float: left;
}

#footer_menu a {	
	color: #666666;
	text-decoration:none;
	padding: 6px;	
}
#footer_menu a:hover {
	text-decoration:none;
}
#footer_menu .languageSelect {
	float: right;
	padding-right: 15px;
}

#footer_menu .languageSelect select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	width: 165px;
	margin: 0;
	color: #666666;
	
}

#footer .followUsPanel {
	padding-top: 30px;
	float: right;
	width: 165px;
}

/* ---- MENU ---- */

#menu {
	height:49px;
	line-height:49px;
	font-size:15px;	
	font-weight:300;	
}

#menu ul {
	display:inline;
}

#menu li {
	height: 49px;
	float:left;
	position:relative;
	margin:0 5px 0 0;
}

#menu a {
	height:41px;
	display:inline-block;
	text-align:center;
	color: #b3b3b3;
	font-weight: 300;
	padding: 0 8px;
}

#menu .selected a {
	color: #333;
	font-weight: 400;
}

#joincampaignpage #menu ul {
	display:none;
}

#campaignreportpage #menu ul {
	display:none;
}

#campaignpage #menu ul {
	display: none;
}

/* ---- TAB ---- */

.tab {
	height:25px;
	line-height:27px;
	font-size:12px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
	text-transform:uppercase;
}

.tab ul {
	display:inline;
}

.tab li {
	float:left;
	position:relative;
	margin:0 10px 0 0;
}

.tab a {
	width:80px;
	height:25px;
	display:inline-block;
	text-align:center;
	background:url("/gfx/component/button/button_x25.png") no-repeat scroll 0 -270px transparent;
	color: #F0F0EB;
}

.tab a:hover, .tab a.selected {
	background-position:0 -240px;
}

.tab a.onehalf {
	background-position:0 -150px;
	width:125px;
}

.tab a.onehalf:hover, .tab a.onehalf.selected {
	background-position:0 -120px;
}

/* ---- SMALL TAB ---- */

.smalltab {
	height:15px;
	line-height:16px;
	font-size:11px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
	text-transform: uppercase;
}

.smalltab ul {
	display:inline;
}

.smalltab li {
	float:left;
	position:relative;
	margin:0 10px 0 0;
}

.smalltab a {
	width:80px;
	height:15px;
	display:inline-block;
	text-align:center;
	background:url("/gfx/component/button/button_x15.png") no-repeat scroll 0 -180px transparent;
	color:#F0F0EB;
}

.smalltab a:hover, .smalltab a.selected {
	background-position:0 -160px;
}

.smalltab a.onehalf {
	background-position:0 -100px;
	width:125px;
}

.smalltab a.onehalf:hover, .smalltab a.onehalf.selected {
	background-position:0 -80px;
}

/* ---- LARGE HEADING TAB SELECTOR ---- */

.largeHeadingTab {
	height:35px;
	line-height:36px;
	font-size:14px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
	text-transform:uppercase;
}

.largeHeadingTab ul {
	display:inline;
}

.largeHeadingTab li {
	float:left;
	position:relative;
	margin:0 10px 0 0;
}

.largeHeadingTab a {
	width:80px;
	height:35px;
	display:inline-block;
	text-align:center;
	background-color:#65655A;
	color:#F0F0EB;
}

.largeHeadingTab a:hover, .largeHeadingTab a.selected {
	background-color:#333330;
}

.largeHeadingTab a.onehalf {
	width:125px;
}

/* ---- LOWER MAIN HEADING ---- */

.heading {
	height:20px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	overflow:hidden;
	text-transform:capitalize;
	display:block;
	padding:0 5px 0 5px;
}

.widget .heading {
  text-transform:uppercase;
}

.ownerHeading {
	font-size: 20px;
	height: 30px;
	line-height: 20px;
}

.challenge .ownerHeading { height: auto; }

/* ---- TOP NOTICE ---- */

#topNotice {
	width: 100%;
	height: 28px;
	background-color: #f8f8f8;
	color: #B1B1B1;
	
}

#topNotice a {
	color: #B1B1B1;
	text-decoration: underline;
}

#topNotice a:hover {
	text-decoration: none;
}

#topNotice .confirmPanel {
	padding: 5px 5px 5px 5px;
	text-align: center;
}

/* ---- TOP NOTICE - COOKIES ---- */

#topCookiesNotice {
	line-height: 2.5rem;
	font-family: Roboto,sans-serif;
	font-weight: 300;
	color: #666;
	width: 100%;
	background-color: #e6e6e6;
	padding: 4px 0px 10px 0px;
}


#topCookiesNotice a {
	color: #333;
	font-weight: 400;
/* 	text-decoration: underline; */
}

#topCookiesNotice a:hover {
	text-decoration: none;
}

#topCookiesNotice p {
	float: left;
	width: 600px;
	margin-left: 20px;
}

#topCookiesNotice .noticePanel {
	width: 710px;
	margin: 0 auto;
}
#topCookiesNotice .noticePanel .messasge {
	display: table-cell;
	vertical-align: middle;
}
#topCookiesNotice .noticePanel .action {
	display: table-cell;
	vertical-align: middle;
	width: 60px;
}

#topCookiesNotice .cbutton-muted {
	color: #fff;
	background-color: #aaa;
	border: 1px solid transparent;
	background-image: -webkit-linear-gradient(top,#b6adad 0,#aaa 100%);
	background-image: linear-gradient(to bottom,#b6adad 0,#aaa 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb6adad', endColorstr='#ffaaaaaa', GradientType=0);
}

#topCookiesNotice .cbutton-block {
	width: 60px;
}

#topCookiesNotice .cbutton {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* ---- LIGHTBOX ---- */

#lightboxOverlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#F0F0EB;
	z-index:10000;
	-moz-opacity:0.6;
	opacity:.60;
	filter:alpha(opacity=60);
}

#lightboxContainer {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999999;
	padding:80px 0 0 0;
}

#lightboxContainer .box {
	margin:0 auto 0 auto;
	width:550px;
	min-height:200px;
	overflow: hidden;
	background-color:#333330;
	position:relative;
}

#lightboxContainer .iframed {
	width:100%;
	min-height:345px;
}

#lightbox {
	color: #F0F0EB;
}

#lightbox .inputField, #lightbox textarea, #lightbox select {
	background-color:#F0F0EB;
	color:#000000;
}

#lightbox a {
	color: #F0F0EB;
}

#lightbox a:hover {
	text-decoration: underline;
}

#lightbox a.button:hover {
    text-decoration: none;
	background-position: 0 -120px;
	color: #65655A;
}

#lightbox a.narrowButton:hover {
	text-decoration: none;
	background-position: 0 -200px;
	color: #65655A;
}

#lightbox a.halfbutton:hover {
	text-decoration: none;
	background-position:0 -120px;
	color: #65655A;
}

#lightbox .title {
	padding: 20px 10px 10px 10px;
}

#lightbox .title h1 {
	display: block;
	margin: 0 auto 0 auto;
	background: url("/gfx/component/button/button_350x25.png") no-repeat scroll 0 -35px transparent;
	height: 32px;
	width: 350px;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
	line-height: 27px;
}

#lightbox .title a.close {
	position: absolute;
	top: 3px;
	right: 3px;
	display: block;
	width: 13px;
	height: 13px;
	cursor: pointer;
	background: url("/gfx/component/button/lightbox_close.png") no-repeat scroll 0 0 transparent;
}

#lightbox .title a.close:hover {
	background-position: 0 -13px;
}

#lightbox .fullContent {
	padding: 10px 10px 10px 10px;
}

#lightbox .content {
	margin: 0 auto 0 auto;
	width: 350px;
	padding: 0 0 20px 0;
}

#lightbox .standard {
	width: 350px;
}

#lightbox .navigation {
	margin: 0 auto;
	width: 350px;
	padding: 0 0 20px 0;
	height: 15px;
}
	
#lightbox .navigation a {
	cursor: pointer;
	display: block;
	width: 80px;
	background: url("/gfx/component/button/button_x15.png") no-repeat scroll 0 -180px transparent;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	height:15px;
	line-height:16px;
	font-size:11px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
}

#lightbox .navigation a:hover {
 	background-position:0 -200px;
	color: #333330;
}

#lightbox .navigation a.prev {
	/*
	position: absolute;
	bottom: 20px;
	left: 10px;
	*/
	float:left;
}

#lightbox .navigation a.next {
	/*
	position: absolute;
	bottom: 20px;
	right: 10px;
	*/
	float:right;
}

#lightbox.iframeLightbox .title a.close {
	position: fixed;
}

/*
#lightbox.iframeLightbox .navigation a.prev {
	position: fixed;
}

#lightbox.iframeLightbox .navigation a.next {
	position: fixed;
}
*/

#lightboxContainer .scrollLightbox .box {
	overflow:auto;
	max-height:500px;
}

#lightboxContainer .scrollLightbox #lightbox .navigation a.prev {
	position: relative;
	float: left;
	bottom: 0;
	margin: 0 0 20px 0;
}

#lightboxContainer .scrollLightbox #lightbox .navigation a.next {
	position: relative;
	float: right;
	bottom: 0;
	margin: 0 0 20px 0;
}

/* ---- LIGHTBOX - USER PROPERTY EDITOR ---- */

#lightboxContainer #lightbox .user-property-editor {
	width: 340px;
	padding: 0 5px 0 5px;
	margin: 0 auto 0 auto;
}

#lightboxContainer #lightbox .user-property-editor p {
	padding: 0 0 10px 0;
}

#lightboxContainer #lightbox .user-property-editor form .field {
	padding: 2px 0 2px 0;
}

#lightboxContainer #lightbox .user-property-editor form label {
	display: inline-block;
	width: 55px;
}

#lightboxContainer #lightbox .user-property-editor form .field.gender input {
	margin: 0 5px 0 0;
}

#lightboxContainer #lightbox .user-property-editor .feedback {
	min-height: 32px;
}

#lightboxContainer #lightbox .user-property-editor .feedback .feedbackPanelERROR {
	color:#ff4b55;
}

#lightboxContainer #lightbox .user-property-editor .actions {
	overflow: hidden;
	padding: 5px 0 20px 0;
}

#lightboxContainer #lightbox .user-property-editor .actions .button {
	text-decoration: none;
}

#lightboxContainer #lightbox .user-property-editor .actions .cancel {
	float: left;
}

#lightboxContainer #lightbox .user-property-editor .actions .submit {
	float: right;
}

/* ---- LIGHTBOX - GARMIN ---- */

#lightbox .wizard.garmin .content a {
	text-decoration: underline;
	color: #F0F0EB;
}

#lightbox .wizard.garmin .content a:hover {
    text-decoration: none;
	color: #F0F0EB;
}

#lightbox .wizard.garmin .garminPoweredBy a {
	text-decoration: none;
}

#lightbox .wizard.garmin .garminPoweredBy {
	float: right;
}

/* ---- LIGHTBOX - Request Action Failed Error ---- */

#lightboxContainer #lightbox .CantJoinErrorLightBox {
	width: 340px;
	padding: 0 5px 0 5px;
	margin: 0 auto 0 auto;
}

#lightboxContainer #lightbox .CantJoinErrorLightBox p {
	padding:0 0 10px 0;
}

#lightboxContainer #lightbox .CantJoinErrorLightBox .button {
	float:right;
}

/*-------------------------------------------------------------------------*/
/* Override to get like others lightbox to work                            */
/*-------------------------------------------------------------------------*/
#lightboxContainer #lightbox .list.friends .actions {
	display:block;
}
#lightbox .content .list .item.user,
#lightbox .content .list .item.user a {
	color: #333330;
}
#lightboxContainer #lightbox .list.friends .p-footer{
	text-align: center;
}
#lightboxContainer #lightbox .list.friends .p-footer .button.prev,
#lightboxContainer #lightbox .list.friends .p-footer .button.next {
	display: inline-block;
}
#lightboxContainer #lightbox div.list .p-body {
	padding: 0 0 0 25px;
}

#workouts-page #lightboxContainer #lightbox div.list .p-body {
    padding: 0 0 0 5px;
}

#workouts-page #lightbox .content .list .item.user a {
    text-decoration: none;
}

#workouts-page #lightbox .content .list .item.user a.button {
	text-transform:uppercase;
}

/*-------------------------------------------------------------------------*/
/* Commonly Reused Components                                              */
/*-------------------------------------------------------------------------*/

/* ---- BUTTONS ---- */

span.button,
a.button {
	display:inline-block;
	width:125px;
	text-align:center;
	text-transform:uppercase;
	color:#F0F0EB;
	height:15px;
	line-height:16px;
	font-size:11px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
	background:url("/gfx/component/button/button_x15.png") no-repeat scroll 0 -100px transparent;
}

a.button:hover {
	background-position:0 -80px;
}

span.button {
	color:#CDCDC5;
}

a.button.active {
	background-position:0 -100px;
}

a.button.inactive {
 	background-position:0 -120px; 
} 
span.button,
a.button.disabled {
	background-position:0 -140px;
	cursor: default;
}

a.button.wide {
	width:170px;
	background-position: 0 -20px;
}

a.button.wide:hover {
	background-position:0 0;
}

a.button.wide.disabled {
	background-position:0 -60px;
}

span.narrowButton,
a.narrowButton {
	display:inline-block;
	width:80px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#F0F0EB;
	height:15px;
	line-height:16px;
	font-size:11px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
	background:url("/gfx/component/button/button_x15.png") no-repeat scroll 0 -180px transparent;
}

a.narrowButton:hover {
	background-position:0 -160px;
}

a.narrowButton.disabled {
	background-position:0 -220px;
	cursor:default;
}

span.wideButton,
a.wideButton {
	display:inline-block;
	width:170px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none !important;
	color:#F0F0EB;
	height:15px;
	line-height:16px;
	font-size:11px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
	background:url("/gfx/component/button/button_x15.png") no-repeat scroll 0 -20px transparent;
}

a.wideButton:hover {
	background-position:0 0;
}

a.wideButton.disabled {
	background-position:0 -60px;
	cursor:default;
}

a.btn {
	height:25px;
	line-height:27px;
	font-size:12px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
	text-transform:uppercase;
	text-align:center;
	background:url("/gfx/component/button/button_x25.png") no-repeat scroll 0 -150px transparent;
	color:#F0F0EB;
	width:125px;
	display:inline-block;
}

a.btn:hover {
	background-position:0 -120px;
}

a.bigbutton {
	height:25px;
	line-height:27px;
	font-size:12px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
	text-transform:uppercase;
	text-align:center;
	background:url("/gfx/component/button/button_x25.png") no-repeat scroll 0 -30px transparent;
	color:#F0F0EB;
	width:170px;
	display:inline-block;
}

a.bigbutton:hover {
	background-position:0 0;
}

a.smallIconButton {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url("/gfx/logos/logos16x16b.png") no-repeat scroll -16px 0 transparent;
	overflow: hidden;
}

a.smallIconButton.facebook {
	background-position: -16px 0;
}

a.smallIconButton.facebook:hover {
	background-position: 0 0;
}

a.smallIconButton.twitter {
	background-position: -16px -16px;
}

a.smallIconButton.twitter:hover {
	background-position: 0 -16px;
}

a.smallIconButton.google {
	background-position: -16px -32px;
}

a.smallIconButton.google:hover {
	background-position: 0 -32px;
}

a.smallIconButton.yahoo {
	background-position: -16px -48px;
}

a.smallIconButton.yahoo:hover {
	background-position: 0 -48px;
}

a.smallIconButton.windows {
	background-position: -16px -64px;
}

a.smallIconButton.windows:hover {
	background-position: 0 -64px;
}

a.smallIconButton.apple {
	background-position: -16px -80px;
}

a.smallIconButton.apple:hover {
	background-position: 0 -80px;
}

a.smallIconButton.android {
	background-position: -16px -96px;
}

a.smallIconButton.android:hover {
	background-position: 0 -96px;
}

a.smallIconButton.endomondo {
	background-position: -16px -112px;
}

a.smallIconButton.endomondo:hover {
	background-position: 0 -112px;
}

#lowerSidebar a.button,
.sidebar .button {
	display:block;
	width:auto;
	padding:0 10px 3px 10px;
	color:#F0F0EB;
	text-align:left;
	text-transform:uppercase;
	height:25px;
	line-height:27px;
	font-size:12px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
	background:url("/gfx/component/button/button_240x25.png") no-repeat scroll 0 -175px transparent;
}

#lowerSidebar a.button:hover,
.sidebar .button:hover {
	background-position:0 -140px;
}

#lowerSidebar a.button.disabled,
.sidebar .button.disabled {
	background-position:0 -245px;
	cursor:default;
}

#lowerSidebar .collapsible a.button {
	display:block;
	width:auto;
	padding:0 10px 3px 10px;
	color:#F0F0EB;
	text-align:center;
	text-transform:uppercase;
	height:15px;
	line-height:16px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	font-size:11px;
	overflow:hidden;
	background:url("/gfx/component/button/button_240x15.png") no-repeat scroll 0 -20px transparent;
}

#lowerSidebar .collapsible a.button:hover {
	background-position:0 0px;
}

#lowerSidebar .collapsible a.button.disabled {
	background-position:0 -60px;
	cursor: default;
	color: #CDCDC5;
}

a.halfbutton {
	display:block;
	width:95px;
	padding:0 10px 3px 10px;
	color:#F0F0EB;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	height:15px;
	line-height:16px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	font-size:11px;
	overflow:hidden;
	background:url("/gfx/component/button/button_240x15.png") no-repeat scroll 0 -100px transparent;
}

a.halfbutton:hover {
	background-position:0 -80px;
}

a.halfbutton.disabled {
	background-position:0 -140px;
	cursor: default;
	color: #CDCDC5;
}

#mapBar a.button {
	display:block;
	float:left;
	width:125px;
	margin-right:10px;
	text-align:center;
	text-transform:uppercase;
	color:#333330;
	height:15px;
	line-height:16px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	font-size:11px;
	overflow:hidden;
	background:url("/gfx/component/button/button_x15.png") no-repeat scroll 0 -120px transparent;
	cursor: pointer;
}

#mapBar a.button:hover, #mapBar a.button.selected {
	background-position:0 -80px;
	text-decoration:none;
	color:#F0F0EB;
}

.sidebar .timeline a.button {
	display:inline-block;
	width:240px;
	text-align:center;
	color:#F0F0EB;
	height:15px;
	line-height:16px;
	font-size:11px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
	background:url("/gfx/component/button/button_240x25.png") no-repeat scroll 0 -120px transparent;
}
.sidebar .timeline p.facebookTimelineText {
	text-align:center;
	padding: 0 0 5px 0;
}

.sidebar .timeline a.facebookButtonLarge {
	width:240px;
	text-align:center;
	color:#f8f8f8;
	font-size:11px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight:bold;
	overflow:hidden;
	padding: 0 0 0 0;
}

.sidebar .timeline a.button:hover {
	background-position:0 -90px;
}

a.graphToggleButton {
	display: block;
	width: 111px;
	text-align: center;
	text-transform: uppercase;
	color: #333330;
	height: 16px;
	font-weight: bold;
	font-size: 10px;
	overflow: hidden;
	background: url("/gfx/buttons/graph-toggle-button.png") no-repeat scroll 0 -42px transparent;
}

a.graphToggleButton:hover {
	background-position: 0 -63px;
}

a.graphToggleButton.selected {
	color: white;
	background-position: 0 0px;
}

a.graphToggleButton.selected:hover {
	background-position: 0 -21px;
}

/* ---- SIDEBAR PREVIOUS/NEXT BUTTONS ---- */

#lowerSidebar .previousButton {
	float: left;
	padding: 0 0 2px 0;
}

#lowerSidebar .nextButton {
	float: left;
	padding: 0 0 2px 10px;
}


/* --- COMMON LINKS, TABLES, ETC --- */

a.commonLink {
	text-decoration:underline;
}

a.commonLink:hover {
	text-decoration:none;
}

a.tagLink {
	text-decoration:none;
}

a.tagLink:hover {
	text-decoration:underline;
}

a.tagLink s {
	color: #65655A;
}

.commonTable th {
	padding: 1px 10px 1px 0;
}

.commonTable td {
	padding: 1px 0 1px 0;
}

.commonTableLayout th {
	width: 125px;
}

.controlPanel {
	width: 170px;
	float: left;
	margin: 35px 0 0 10px;
}

.extControlPanel {
	width: 170px;
	float: left;
	margin: -10px 10px 0 10px;
}

.controlPanel .bigbutton {
	margin-bottom: 3px;
}

/* ---- INTROS ----- */

.upperMain div.page-intro {
	width: 350px;
	padding: 0 0 0 0;
	font-size: 14px;
}

.upperMain div.page-intro p {
	padding: 0 0 10px 0;
}

.upperMain div.page-intro a {
	text-decoration:underline;
}

.upperMain div.page-intro a:hover {
	text-decoration:none;
}

/* ---- TREEMAP ---- */

.node img {
	padding:1px;
}

.node .title16,
.node .title4,
.node .title1 {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding:4px;
	margin:1px 0 0 1px;
	color:#F0F0EB;
	font-weight:bold;
	background:url('/gfx/page/opacity_dark_bg.png') repeat 0 0;
}

.node .title16 {
	font-size:110%;
	line-height:120%;
}

.node .title4 {
	font-size:80%;
	line-height:90%;
}

.node .title1 {
	font-size:50%;
	line-height:60%;
}

.node:hover .title16,
.node:hover .title4,
.node:hover .title1 {
	text-decoration:underline;
}

/*-------------------------------------------------------------------------*/
/* lower main wizard                                                       */
/*-------------------------------------------------------------------------*/

#lowerMain .wizard {
	float: left;
}

#lowerMain .wizard b {
    font-weight: bold;
}

#lowerMain .wizard .wizardOption {
	width: 560px;
	height: 80px;
	margin-bottom: 3px;
    cursor: pointer;
}

#lowerMain .wizard .searchRoute, .routeChoiceMain .drawRoute {
	width: 80px;
	height: 80px;
	float: left;
}

#lowerMain .wizard .searchRoute {
    background: url("/gfx/wizard/RouteWorkout.png") no-repeat top left;
}

#lowerMain .wizard a:hover .searchRoute {
    background: url("/gfx/wizard/RouteWorkout_selected.png") no-repeat top left;
}

#lowerMain .wizard .drawRoute {
    background: url("/gfx/wizard/DrawWorkout.png") no-repeat top left;
}

#lowerMain .wizard a:hover .drawRoute {
    background: url("/gfx/wizard/DrawWorkout_selected.png") no-repeat top left;
}

#lowerMain .wizard .manualWorkout, 
#lowerMain .wizard .routeWorkout, 
#lowerMain .wizard .drawWorkout, 
#lowerMain .wizard .weekWorkout, 
#lowerMain .wizard .downloadToMobile, 
#lowerMain .wizard .importFromGarmin, 
#lowerMain .wizard .garminImport, 
#lowerMain .wizard .fileImport{
	width: 80px;
	height: 80px;
	float:left;
}
#lowerMain input.fileField {
	font-size:0.8em;    
}

#lowerMain .wizard .downloadToMobile {
    background: url("/gfx/wizard/DownloadTracker.png") no-repeat top left;
}

#lowerMain .wizard a:hover .downloadToMobile {
    background: url("/gfx/wizard/DownloadTracker_selected.png") no-repeat top left;
}

#lowerMain .wizard .importFromGarmin {
    background: url("/gfx/wizard/GarminImport.png") no-repeat top left;
}

#lowerMain .wizard a:hover .importFromGarmin {
    background: url("/gfx/wizard/GarminImport_selected.png") no-repeat top left;
}

#lowerMain .wizard .fileImport {
    background: url("/gfx/wizard/FileImport.png") no-repeat top left;
}

#lowerMain .wizard a:hover .fileImport {
    background: url("/gfx/wizard/FileImport.png") no-repeat top left;
}

#lowerMain .wizard .manualWorkout {
    background: url("/gfx/wizard/ManualWorkout.png") no-repeat top left;
}

#lowerMain .wizard a:hover .manualWorkout {
    background: url("/gfx/wizard/ManualWorkout_selected.png") no-repeat top left;
}

#lowerMain .wizard .routeWorkout {
    background: url("/gfx/wizard/RouteWorkout.png") no-repeat top left;
}

#lowerMain .wizard a:hover .routeWorkout {
    background: url("/gfx/wizard/RouteWorkout_selected.png") no-repeat top left;
}

#lowerMain .wizard .drawWorkout {
    background: url("/gfx/wizard/DrawWorkout.png") no-repeat top left;
}

#lowerMain .wizard a:hover .drawWorkout {
    background: url("/gfx/wizard/DrawWorkout_selected.png") no-repeat top left;
}

#lowerMain .wizard .weekWorkout {
    background: url("/gfx/wizard/WeekWorkout.png") no-repeat top left;
}

#lowerMain .wizard a:hover .weekWorkout {
    background: url("/gfx/wizard/WeekWorkout_selected.png") no-repeat top left;
}

#lowerMain .wizard .actions {
	float: right;
}

#lowerMain .wizard .actions a {
	margin-left: 10px;
}

#campaignpage #lowerMain .wizard a .wizardOption,
#createEventPage #lowerMain .wizard a .wizardOption,
#createWorkoutPage #lowerMain .wizard a .wizardOption {
	background-color: #F0F0EB;
	width: 690px;
	padding: 7px 10px 7px 10px;
}

#campaignpage #lowerMain .wizard a:hover .wizardOption,
#createEventPage #lowerMain .wizard a:hover .wizardOption,
#createWorkoutPage #lowerMain .wizard a:hover .wizardOption {
	background-color: #CDCDC5;
}

#campaignpage #lowerMain .wizard .description,
#createEventPage #lowerMain .wizard .description,
#createWorkoutPage #lowerMain .wizard .description {
	float: left;
	width: 470px;
	padding-left: 10px;
}

#createWorkoutPage #lowerMain .wizard form.newWorkoutForm {
	background-color: #F0F0EB;
	padding: 10px;
	margin-bottom: 3px;
	width: 510px;
}

#createWorkoutPage #lowerMain .wizard form.newWorkoutForm .inputField,
#createWorkoutPage #lowerMain .wizard form.newWorkoutForm textarea, 
#createWorkoutPage #lowerMain .wizard form.newWorkoutForm select {
	background-color: #f8f8f8;
}

#createWorkoutPage #lowerMain .wizard form.newWorkoutForm th {
	width: 125px;
}

#createWorkoutPage #lowerMain .wizard form.newWorkoutForm input.nameField {
	width: 375px;
}

#createWorkoutPage #lowerMain .wizard form.newWorkoutForm select.sportChoice {
	width: 385px;
}

#createWorkoutPage #lowerMain .wizard form.newWorkoutForm input.dateField,
#createWorkoutPage #lowerMain .wizard form.newWorkoutForm input.numberField {
	width: 100px;
}

#createWorkoutPage #lowerMain .wizard form.newWorkoutForm div.valueCell {
	margin:1px 0;
	background-color: #f8f8f8;
}

#createWorkoutPage #lowerMain .wizard form.newWorkoutForm div.valueCell input {
	margin: 0;
}

#createWorkoutPage #lowerMain .wizard form.newWorkoutForm label {
	display:inline-block;
	width:31px;
	text-align:right;
}

#createWorkoutPage #lowerMain .wizard form.newWorkoutForm span.unit {
	display:inline-block;
	width: 24px;
}

#createWorkoutPage #lowerMain .wizard form.newWorkoutForm textarea.notesField {
	width: 375px;
	height: 96px;
}

/*------------*/
/* Withings */

#lowerMain div.wizard.withings {
	padding:0;
	width:710px;
}

#lowerMain div.wizard.withings h2 {
	display: inline-block;
	padding:0 10px;
	overflow: hidden;
	background: #333330;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	font-size:14px;
	height:35px;
	line-height:36px;
	text-align: center;
	color:#F0F0EB;
}

#lowerMain .withings form.choices,
#lowerMain .withings .form-cnt {
	padding:0 0 0 0;
}

#lowerMain .withings form.choices {
	width:540px;
}

#lowerMain .withings form.choices div.choice-container ul.list li.item {
	padding: 0px 10px 10px 0px;
}

#lowerMain .withings .details-cnt {
	background:#F0F0EB;
	padding:10px 10px 10px 10px;
	width:690px;
}

#lowerMain .withings .white-details-cnt {
	background:#f8f8f8;
	padding:10px 10px 10px 10px;
	width:690px;
}

#lowerMain .withings .heading.title { 
	background-color: #F0F0EB;
	margin: 10px 0px 4px 0px;
    padding-top: 3px;
}


#lowerMain .withings form input.inputField,
#lowerMain .withings form select,
#lowerMain .withings form textarea {
	background:#f8f8f8;
}

#lowerMain .withings form .img-cnt {
	float:left;
	width:205px;
}

#lowerMain .withings form .input-cnt {
	float:left;
}

#lowerMain .withings form .field {
    display: block;
	position:relative;
	padding: 5px 0px 0px 0px;
}

#lowerMain .withings .details-cnt .nameLink {
	text-decoration: underline;
}

#lowerMain .withings .details-cnt .nameLink:hover {
    text-decoration:none;
}

#lowerMain .withings .details-cnt .link {
	font-size: 12px;
}

#lowerMain .withings form label {
	display:inline-block;
	vertical-align: top;	
	width:110px;
	padding: 1px 10px 0px 10px;
}

#lowerMain .withings form .checkboxText {
	width:310px;
}

#lowerMain .withings form .radioGroup {
	display: -moz-inline-box; /* Fixes Firefox */
	display:inline-block;
}
#lowerMain .withings form .radioGroup label {
	display: -moz-inline-box; /* Fixes Firefox */
	display:inline-block;
	width: 30px;
	padding:0 10px 0 10px;
}

#lowerMain .withings form .startDateLink {
	padding: 0 10px;
}

#lowerMain .withings form input.name {
	width:330px;
	border: 1px solid #a0a095;
}

#lowerMain .withings form input.radio {
	border: 1px solid #a0a095;
	color: #a0a095;
}

#lowerMain .withings form input.checkbox {
	border: 1px solid #a0a095;
	color: #a0a095;
}

#lowerMain .withings form input.date {
	width:115px;
	border: 1px solid #a0a095;
}

#lowerMain .withings form input.goal {
		width:115px;
		border: 1px solid #a0a095;
}
 
#lowerMain .withings form textarea {
	width:330px;
	height:96px;
	border: 1px solid #a0a095;
}

#lowerMain .withings form select {
	/*width: 340px;*/
	width: 125px;
	border: 1px solid #a0a095;
	border-right: #a0a095 1px solid;
	border-top: #a0a095 1px solid; 
	border-left: #a0a095 1px solid; 
	border-bottom: #a0a095 1px solid;
}

#lowerMain .withings form select.goal {
	width: 125px;
}

#lowerMain .withings form .actions {
	padding:3px 0 0 0;
	text-align:right;
}
#lowerMain .withings form .actionsLeft {
	padding:3px 0 0 0;
	text-align:left;
	margin: 5px;
}

#lowerMain .withings form .actionsLeft a {
	text-decoration: underline;
}

#lowerMain .withings form .actionsLeft a:hover {
    text-decoration:none;
}

#lowerMain .wizard.withings .item.team {
    float:left;
}

#lowerMain .withings form .actions {
	clear:none;
	padding:3px 0 0 0;
	text-align:right;
}

/*-------------------------------------------------------------------------*/
/* lightbox wizard                                                         */
/*-------------------------------------------------------------------------*/

#lightbox .wizard .description {
	padding: 0 0 5px 0;
	width: 350px;
}

#lightbox .wizard .wizardOption {
	padding: 5px 0 5px 0;
	width: 350px;
}

#lightbox .wizard .wizardOption .image {
	display: inline-block;
	width: 80px;
	height: 80px;
	padding: 0 10px 0 0;
	float: left;
}

#lightbox .wizard .wizardOption .description {
	display: inline-block;
	width: 260px;
	height: 80px;
	padding: 5px 0 0 0;
	float: right;
}

#lightbox .wizard .wizardOption .description h1 {
	font-weight: bold;
}

#lightbox .wizard a:hover .wizardOption {
	text-decoration: none;
}

#lightbox .wizard a:hover .wizardOption .description h1 {
	text-decoration: underline;
}

#lightbox .wizard .textualSelectList {
	margin: 0 auto 0 auto;
	width: 500px;
}

#lightbox .wizard.garmin .textualSelectList {
	margin: 0 auto 0 auto;
	width: 395px;
}

#lightbox .wizard .fullTextualSelectList {
	padding: 0 5px 0 5px;
}

#lightbox .wizard .textualSelectList td,
#lightbox .wizard .textualSelectList th {
	padding: 1px 5px 2px 5px;
}

/*-------------------------------------------------------------------------*/
/* lightbox - share                                                        */
/*-------------------------------------------------------------------------*/

#share .shareLinks a img {
	display: inline-block;
	width: 33px;
	height: 33px;
	padding: 12px 5px 0 0;
	vertical-align: middle;
}

#share .shareLinks span.link span,
#share .shareLinks a span {
	color: #ffffff;
	display: inline-block;
	padding: 12px 5px 0 5px;
	vertical-align: middle;
	line-height: 33px;
	height: 33px;
}

#share .shareLinks a:hover {
	text-decoration: none;
}

#share .shareLinks .facebook.disable {
	width:	33px;
	height:	33px;
    background: url("/gfx/buttons/FacebookIcon.png") no-repeat left;
}

#share .shareLinks .facebook.enable {
	width:	33px;
	height:	33px;
	background: url("/gfx/buttons/FacebookIconGray.png") no-repeat left;
}

#share .shareLinks .twitter.disable {
	width:	33px;
	height:	33px;
    background: url("/gfx/buttons/TwitterIcon.png") no-repeat left;
}

#share .shareLinks .twitter.enable {
	width:	33px;
	height:	33px;
	background: url("/gfx/buttons/TwitterIconGray.png") no-repeat left;
}


#share .shareLinks a:hover span {
	text-decoration: underline;
}

#share .shareUrlEmbed {
	padding: 15px 0 0 0;
}

#share .shareUrlEmbed label {
    display: block;
    margin: 3px 0 3px 0;
    text-align: left;
    cursor: pointer;
}

#share .shareUrlEmbed input {
    display: block;
    width: 350px;
    margin: 3px 0 10px 0;
}

/*-------------------------------------------------------------------------*/
/* lightbox - peptalk                                                      */
/*-------------------------------------------------------------------------*/

#pepTalkLightBox .content {
	width: 350px;
}

#pepTalkLightBox .help {
	padding: 0 0 10px 0;
}

#pepTalkLightBox textarea {
	width: 340px;
}

/*-------------------------------------------------------------------------*/
/* workout import lightbox wizard                                          */
/*-------------------------------------------------------------------------*/

#importer .wizard .garminImport {
    background: url("/gfx/wizard/GarminImport.png") no-repeat top left;
}

#importer .wizard .fileImport {
    background: url("/gfx/wizard/FileImport.png") no-repeat top left;
}

#importer .wizard .textualSelectList .check {
	width: 35px;
}
#importer .wizard .textualSelectList .name {
	width: 144px;
}
#importer .wizard .textualSelectList .date {
	width: 170px;
}
#importer .wizard .textualSelectList .distance {
	width: 80px;
}
#importer .wizard .textualSelectList .sport select {
	width: 80px;
}
#importer .wizard .textualSelectList .duration {
	width: 80px;
}

#importer #garminDeviceSelection input, #importer #garminDeviceSelection img, #importer #garminDeviceSelection span {
    vertical-align: middle;
    padding: 5px 10px 5px 10px;
}

#importer .garmin .progressBar {
    height: 1px;
    width: 100%;
    text-align: left;
    background-color: #65655A;
    position: relative;
    top: -1px;
}

#importer .garmin .progressIndicator {
    position: relative;
    background-color: #F0F0EB;
    height: 1px;
    width: 0;
}

/*-------------------------------------------------------------------------*/
/* workout export lightbox wizard                                          */
/*-------------------------------------------------------------------------*/

#exporter .wizard .tcxExport {
	background: url("/gfx/wizard/TcxExport.png") no-repeat top left;
}

#exporter .wizard .gpxExport {
	background: url("/gfx/wizard/GpxExport.png") no-repeat top left;
}

#exporter .wizard .routeExport {
	background: url("/gfx/wizard/RouteExport.png") no-repeat top left;
}

#exporter .exportRouteDetails .guide {
	padding: 0 0 10px 0;
}

#exporter .exportRouteDetails th {
	width: 80px;
}

#exporter .exportRouteDetails input {
	width: 260px;
}

#exporter .exportRouteDetails select {
	width: 270px;
}

/*-------------------------------------------------------------------------*/
/* workout privacy lightbox                                                */
/*-------------------------------------------------------------------------*/

#workoutPrivacy table {
	width: 530px;
}

#workoutPrivacy th {
	width: 260px;
}

#workoutPrivacy .optionTitle, #workoutPrivacy .privacyOption {
	text-align: center;
	width: 80px;
}

/*-------------------------------------------------------------------------*/
/* workout - mapbar                                                        */
/*-------------------------------------------------------------------------*/

/*
 Move rules from MapBarPanel.css here. -a
*/

/*-------------------------------------------------------------------------*/
/*  workout live overlay                                                   */
/*-------------------------------------------------------------------------*/

#mapTopLeft.workoutLive a {
	text-align: center;
	display: block;
	color: #333330;
}

#mapTopLeft.workoutLive h1 {
	font-size: 25px;
	line-height: 27px;
	font-weight: bold;
	text-transform: uppercase;
}

#mapTopLeft.workoutLive a:hover span {
	text-decoration: underline;
}

/*-------------------------------------------------------------------------*/
/* workout - playlist                                                      */
/*-------------------------------------------------------------------------*/

.playlistContainer .song {
	margin: 5px 0 10px;
	padding:0 0 0 20px;
	font-size: 12px;
	color: #000000;
	background: url("/gfx/component/workout_playlist/music_icon.png") no-repeat scroll 0 2px transparent;
}

.playlistContainer .artist {
	font-size: 17px;
	font-weight: bold;
}

.playlistContainer .time {
	color: #b1b1b1;
}

/*-------------------------------------------------------------------------*/
/* workout - history - recent                                              */
/*-------------------------------------------------------------------------*/

#workouts-page .workoutHistory {
	float: left;
}

#workouts-page .workoutSectionSelector {
	padding: 0 0 10px 0;
}

#workouts-page .recentWorkouts {
	height: 80px;
	width: 540px;
	overflow: hidden;
}

#workouts-page .recentWorkout {
	float: left;
	padding: 0 10px 0 0;
}

/*-------------------------------------------------------------------------*/
/* workout - history - list                                                */
/*-------------------------------------------------------------------------*/

.workoutListPanel {
	width: 530px;
}

.workoutListPanel table {
	width: 100%;
	table-layout: fixed;	
	border: 1px solid #CDCDC5;
}

.workoutListPanel th {
	background-color: #F0F0EB;
	text-transform: uppercase;
}

.workoutListPanel th, .workoutListPanel td {
	padding: 2px 10px 3px 0;
	border-bottom: 1px solid #CDCDC5;
}

.workoutListPanel .name {	
	/* overflow: hidden; */
	word-wrap: break-word;
	padding-left: 5px;
	padding-right: 5px;
	width: 125px;
}

.workoutListPanel .sport {
	width: 125px;
	text-align: center;
}

.workoutListPanel .date {
	width: 80px;
	text-align: center;
}

.workoutListPanel .distance {
	text-align: center;
}

.workoutListPanel .actions {
	width: 20px;
	text-align: center;
	padding-right: 0;
}

.workoutListPanel .duration {
	text-align: center;
}

.workoutListPanel .actions a.delete {
	display:inline-block;
	width: 16px;
	height: 15px;
	background: transparent url("/gfx/icons/delete.png") no-repeat scroll center;
}

.workoutListPanel .navigation {
	margin-top: 3px;
}

/*-------------------------------------------------------------------------*/
/* workout - compare - list                                                */
/*-------------------------------------------------------------------------*/

a.compareButton,
span.compareButton {
	display:inline-block;
	width:143px;
	text-align:center;
	text-transform:uppercase;
	height:17px;
	line-height:17px;
	overflow:hidden;
	font-weight: bold;
	font-size:10px;
	color:#f8f8f8;
}

a.compareButton {
	background:url("/gfx/component/workout_compare/buttons.png") no-repeat scroll 0 -69px transparent;
}

span.compareButton {
	background:url("/gfx/component/workout_compare/buttons.png") no-repeat scroll 0 -115px transparent;
	cursor:default;
}

a.compareButton:hover {
	background-position:0 -92px;
}

a.workoutFilterButton {
	display:inline-block;
	width:143px;
	text-align:center;
	text-transform:uppercase;
	height:17px;
	line-height:17px;
	overflow:hidden;
	font-weight:bold;
	font-size:10px;
	background:url("/gfx/component/workout_compare/buttons.png") no-repeat scroll 0 0 transparent;
}

a.workoutFilterButton:hover {
	background-position:0 -23px;
}

a.workoutFilterButton.disabled {
	background-position:0 -46px;
	cursor:default;
}

.compareShadow{
	border:1px solid #d7d7d7;
}

.workoutCompareListPanel .row:hover {
	background-color: #f5f5f5;
	cursor: pointer;
}

.workoutCompareListPanel th {
	text-transform: uppercase;
	font-weight:bold;
}

.workoutCompareListPanel th {
	padding: 15px 10px 3px 0;
}

.workoutCompareListPanel td {
	padding: 2px 10px 3px 0;
}

.workoutCompareListPanel td.title {
	max-width: 200px;
}

.workoutCompareListPanel td.route {
	max-width: 150px;
}

.workoutCompareListPanel th.route {
	text-align: center;
}

.workoutCompareListPanel td.title span,
.workoutCompareListPanel td.route span {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.workoutCompareListPanel td.last {
	padding: 0;
}

.workoutCompareListPanel td.linkColumn{
	padding: 2px 0 3px 0;
}

.workoutCompareListPanel td.selectColumn {
	padding: 2px 2px 3px 8px;
    width: 25px;
}

.workoutCompareListPanel td span.removeLink {
	display:inline-block;
	height:10px;
	width:10px;
	cursor:pointer;
	background: url("/gfx/component/workout_compare/remove_icon.png") no-repeat;
}

.workoutCompareListPanel td.right,
.workoutCompareListPanel th.right {
	text-align:right;
}

.workoutCompareListPanel td.dim {
	color:#CDCDC5;
}

.workoutCompareListPanel .validityToggle {
    display:inline-block;
    width: 16px;
    height: 15px;
    margin-left: 5px;
}

.workoutCompareListPanel .validityToggle.accepted {
    background: transparent url("/gfx/icons/icon_thumbs_up.png") no-repeat scroll center;
}

.workoutCompareListPanel .validityToggle.rejected {
    background: transparent url("/gfx/icons/icon_thumbs_down.png") no-repeat scroll center;
}

.compare.navigation {
	margin-top: 10px;
}

.compare.navigation span.nav-body {
	text-align: center;
}

.sport-choice h3{
	display: none;
}

.select-header{
	display: block;
	width: 14px;
	height: 10px;
	background-image: url("/gfx/component/workout_compare/checkmark_icon.png");
	margin-left: 8px;
}

.compareSection {
	width: 934px; border:1px solid #CDCDC5;
}

.compareLapsSection .header {
	margin-left: 233px; 
	text-align:center;
	width: 700px; 
	padding: 5px 0px; 
	font-weight:bold;
	border-top: 1px solid #CDCDC5; 
	border-bottom: 1px solid #CDCDC5; 
}

.compareLapsTable th,
.compareLapsTable td{
	text-align: right;
	padding: 1px 10px 1px 0;
}

.compareSection .header {
	padding: 3px;
	text-align: center;
	background-color: #F0F0EB;
	border-bottom : 1px solid #CDCDC5;
	text-transform: uppercase;
}

.compareSection .commonTable {
	width:100%;
}

.compareSection .commonTable .workoutLap{
	width:100%;
	border-bottom: 1px solid #CDCDC5;
}

.sport-select .choice {
  position:relative;
}

.sport-select .dropDownTrigger {
  position: absolute;
  bottom: 31px;
  right:0px;
	display: block;
	width: 0px;
	height: 0px;
	border-width:6px;
	border-style:solid;
	border-color:#CDCDC5 transparent transparent transparent;
	transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
}

.sport-select .choice:hover .dropDownTrigger,
.sport-select .selected .dropDownTrigger {
	border-color:#87aa14 transparent transparent transparent;
}

.sport-select .dropDown .choice {
	padding-bottom: 5px;
}

.sport-select .dropDown {
	clear: both;
	position: absolute;
	top: -16px;
	left: -16px;
	min-width: 82px;
	max-width: 288px;
	z-index: 1;
	padding: 15px;
	display: none;
	border: 1px solid #F0F0EB;
	background-color: #f8f8f8;
}

.labelColumn{
	float: left; width: 233px;
}

.workoutColumn{
	float: left; width: 232px; border-left: 1px solid #CDCDC5
}

.workoutColumn.last{
	border-right: 1px solid #CDCDC5
}

.workoutColumn table{
	width: 100%;	
}



.compareLapsResults {
	margin-top: 20px;
	width: 1020px;
}

.compareLapsHeader {
    display: table-cell;
    width: 106px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.compareLapsHeader#first {
    width: 260px;
}

.compareLapsItem {
    border: 1px solid #EDEDED;
    box-shadow: 1px 1px #f7f7f7;
    padding-bottom: 10px;
    margin-top: 8px;
}

.compareLapsItem #colorBar {
    width: 100%;
    height: 3px;
    margin-bottom: 7px;
}

.compareLapsItemTitle {
    display: table-cell;
    border-right: 1px solid #EDEDED;
    width: 260px;
    display: table-cell;
}

.compareLapsItemTitle #sportIcon {
	float: left;
	margin: 10px;
    font-size: 40px;
    line-height: 42px;
}

.compareLapsItemTitle #descText {
	width: 180px; 
	margin-top: 11px;
	overflow: hidden;
}

.compareLapsItemTitle #workoutTitle {
    font-weight: bold;
    font-size: 13px;
}

.compareLapsItemTitle #sportName {
    color: #7da10a;
}

.compareLapsItemTitle #startTime {
	color: #9f9f9f;
}

.compareLapsItemData {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 106px;
    height: 68px;
}

.compareLapsItemValue {
	font-size: 16px;
	font-weight: bold;
}

.compareLapsItemUnit {
	color: #707173;
	font-size: 11px;
}

.compareLapsColor0 {
	background-color: #87aa14;
}

.compareLapsColor1 {
	background-color: #2b074e;
}

.compareLapsColor2 {
	background-color: #545f28;
}

.compareLapsGraph {
	margin-top: 35px;
	margin-bottom: 10px;
	height: 200px;
}

/*-------------------------------------------------------------------------*/
/* workout - templates                                                     */
/*-------------------------------------------------------------------------*/

.commuteSettings .heading {
	display: none;
}

.commuteSettings .content a{
	color: #f8f8f8;
}

.border.commuteSettings .content {
	font-weight: bold;
	color: #f8f8f8;
	background-color: #87aa14;
}

#lightbox .editDayOuter {
	margin: 0 20px 20px 20px;
}

.weekday {
	float: left;
	height: 30px;
	margin-right: 2px;
	padding: 2px 4px;
	background-color: #F0F0EB;
}

.weekday .selected {
	width: 12px;
	height:12px;
	background: transparent url("/gfx/component/chart/tickd.png") no-repeat scroll center;
}

/*-------------------------------------------------------------------------*/
/* workout - laps                                                          */
/*-------------------------------------------------------------------------*/

tr.lapHeader th{
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

tr.workoutLap{
	cursor: pointer;
}

/*-------------------------------------------------------------------------*/
/* workout - bulk input                                                    */
/*-------------------------------------------------------------------------*/

.totalDistance {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding-top: 20px;
}

.totalDistanceUnit {
	text-align: center;
}

td.selectableDay {
	cursor: pointer;
}

td.selectableDay:hover {
	background-color: #CDCDC5;
}

#lightbox a:hover div.minus {
	background-position: -32px 0; 
}

a div.minus {
	background: url('/gfx/buttons/minus.png') no-repeat scroll -16px 0 transparent; 
	width: 16px; 
	height: 16px;
}

a:hover div.minus {
	background-position: 0 0; 
}

#lightbox a:hover div.plus {
	background-position: -32px 0; 
}

a div.plus {
	background: url('/gfx/buttons/plus.png') no-repeat scroll -16px 0 transparent; 
	width: 16px; 
	height: 16px;
}

a:hover div.plus {
	background-position: 0 0; 
}

#weekPanel {
	width: 710px;
}

#weekPanel .instructions,
#weekPanel .userSelection {
	width: 690px;
	padding: 10px;
	background-color:#F0F0EB;
}

.campaignOptions {
	margin: 35px 0px;
	width: 632px;
	padding: 10px 39px;
}

.campaignOptions a div.option{
	float: left;
	width: 300px;
	margin: 5px;
	padding: 3px;
	background-color: #F0F0EB;
}

.campaignOptions a div.option td{
	height: 60px;
	overflow: hidden;
}

.campaignOptions a:hover div{
	background-color: #CDCDC5;
}

.campaignOptions img{
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

#weekPanel .weekNavigation {
	width: 690px;
	padding: 3px 10px;
	background-color: #F0F0EB;
	margin-top: 15px;
}

#weekPanel .weekNavigation .prev {
	float: left;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
}

#weekPanel .weekNavigation .current {
	text-align: center;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
}

#weekPanel .weekNavigation .next {
	float: right;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
}

#weekPanel .weekTable {
	width: 690px;
	padding: 3px 10px;
	background-color: #F0F0EB;
	margin-top: 3px;
}

#weekPanel input {
	width: 73px;
	background-color: #f8f8f8;
	margin-right: 5px;
}

#weekPanel input.disabled {
	background-color: #F0F0EB;
}

#weekPanel .icons {
	max-width: 88px;
}

#weekPanel .workout {
	float: left;
	padding: 7px 1px 0px 0px;
}

#weekPanel .workout .tooltip {
	padding: 10px;
	border: 1px solid black;
}

#weekPanel .commonProperties {
	width: 690px;
	background-color:#F0F0EB;
	padding: 3px 10px;
	margin-top: 3px;
}

#weekPanel .commonProperties select {
	background-color:#f8f8f8;
}

#weekPanel .commonProperties .weekSport {
	float: right;
}

#weekPanel .actions {
	text-align: right;
	margin-top: 3px;
}

/*-------------------------------------------------------------------------*/
/* campaign                                               */
/*-------------------------------------------------------------------------*/

.templateTable th {
	font-weight: bold;
}

.templateTable .row:hover {
	background-color: #CDCDC5;
}

.templateTable th,
.templateTable td {
	padding-right: 20px;
	padding-top: 3px;
}

.templateEditor {
	float:left; 
	margin-right: 40px;
}

.templateEditor .inputField,
.templateEditor textarea,
.templateEditor select {
	border: 1px solid #CDCDC5;
	background-color: #f8f8f8;	
}

.actionBox {
	padding: 5px 10px;
	background-color: #CDCDC5;
}

.standardBox {
	padding: 10px;
	background-color: #F0F0EB;
}

.standardBox .inputField,
.standardBox textarea,
.standardBox select {
	border: 1px solid #CDCDC5;
	background-color: #f8f8f8;	
}

.standardBox .sortableTableHeaderRow th {
	font-weight: bold;
	border-bottom: 1px solid ${color-light-gray};
}

.standardBox td,
.standardBox th {
	padding-right: 5px;
}

.download {
	padding: 10px;
}

.navigationHeader {
	width: 710px;
}

.counter {
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
}

.campaignSectionFooter {
	text-align: right;
}

.campaignSectionFooter a{
	text-decoration: underline;
}

.campaignSectionFooter a:hover{
	text-decoration: none;
}

.leaveTeamSection {
	margin-bottom: 20px;
	padding: 10px;
	width: 600px;
	background-color: #F0F0EB;
}

.leaveTeamSection .intro{
	padding-bottom: 10px;
}

.leaveTeamSection .actions{
	text-align: center;
	padding: 10px;
}

.selectCaptain {
	width: 350px;
	background-color: #F0F0EB;
}

.selectCaptain .intro{
	padding: 10px;
}

.selectCaptain .actions{
	padding: 10px;
	text-align: right;
}

.selectCaptain li.user div.actions{
	width: 100px;
}

#logMilesIntro {
	background-color: #F0F0EB;
	width: 690px;
	padding: 7px 10px 7px 10px;
	margin-bottom: 10px;
}

#joincampaignpage #topNotice {
	display: none;
}

a.attentionButtonSmall {
	background:url("/gfx/component/button/button_green_small.png") no-repeat scroll 0 0 transparent;
	width:80px;
	height:25px;
	text-align:center;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	line-height:25px;
	display:inline-block;
	color:#F0F0EB;
	text-transform:uppercase;
		text-decoration: none;
	font-weight:bold;
}

a.attentionButtonSmall:hover {
	background-position:0 -28px;
}

a.attentionButton {
	background:url("/gfx/component/button/button_green_big.png") no-repeat scroll 0 -4px transparent;
	width:170px;
	height:47px;
	padding:14px 0px 0px 0px;
	text-align:center;
	font-size:18px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	line-height:30px;
	display:block;
	color:#F0F0EB;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}

a.attentionButton:hover {
	background-position:0 -64px;
}

.campaignNavigation {
	margin-bottom: 10px;
}

.campaign {
	background-color: #F0F0EB;
	padding: 10px;
	margin-bottom: 20px;
	width: 690px;
}

.campaign .profilePicture {
	width: 200px;
}

.campaign #col1 {
	float: left;
	padding-right: 15px;
}

.campaign .profileProperties {
	width: 200px;
	padding-top: 10px;
}

.campaign .profilePropertyKey {
	float: left;
	width: 80px;	
}

.campaign .profilePropertyValue {
	float: left;
	width: 120px;
}

.campaign #col2 {
	float: left;
}

.campaign .controlPanel {
	margin-top: 0;
}

.campaign .profileName {
	width: 400px;
	font-weight: bold;
	font-size: 16px;
}

.campaign .profileDescription {
	width: 295px;
}

.waiver {
	margin: 10px;
	padding: 5px;
	height : 320px;
	overflow-y: scroll;
	background-color: #f8f8f8;
	color: black;
}

.waiver li {
	padding-bottom: 5px;
}

.acceptWaiver {
	margin: 0px 10px;
}

.acceptWaiver input {
	margin-right: 5px;
}

.waiverActions {
	margin: 10px;
	text-align: right;
}

.campaign a.join {
    background: url("/gfx/component/button/button_green_big.png") no-repeat scroll 0 -4px transparent;
    color: #F0F0EB;
    display: block;
    margin: 0 auto;
    font-family: Arial,Verdana;
    font-size: 30px;
    height: 37px;
    line-height: 16px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 170px;
    padding-top: 20px;
}

.campaign a.join:hover {
    background-position: 0 -64px;
}

.campaignTeams .team:hover {
	background-color: #F0F0EB
}

.campaignTeams .team {
	padding: 4px;
	width: 270px;
}

.campaignTeams .teamImage {
	float: left;
}

.campaignTeams .teamName {
	float: left;
	margin: 10px 0px 10px 5px;
}

.campaignTeams img.thumbnail {
	width: 60px;
	height: 60px;
}

.boardItem {
	width: 260px;
	margin-bottom: 3px;
	background-color: #F0F0EB
}

.boardItem.selected {
	background-color: #CDCDC5
}

.boardItem .itemLinkContent{
	padding: 5px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
}

.boardItem a:hover .itemLinkContent{
	background-color: #CDCDC5
}

.boardItem .boardImgContent {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
}

.boardItem .boardImg {
	float: left;
	margin-right: 10px;
	width: 60px;
	height: 60px;
}

.boardItem .boardBadge {
    position:absolute;
	right:-5%;
	top:-5%;
	width: 21px;
	height: 21px;
	background: transparent url("/gfx/premium/Premium_logo_21x21.png") no-repeat 0 0;	
}

.boardItem .boardInfoContent {
	display: inline-block;
	position: absolute;
	padding-left: 10px;
}

.boardItem .boardUser {
	font-weight: bold;
}	

.whatsnext{
	width: 240px;
	padding: 10px;
	background-color: #F0F0EB;
	margin-bottom: 10px;
}

.whatsnext a.attentionButton{
	margin-left: 35px;
}

.shortcuts{
	width: 240px;
	padding: 5px 10px;
	margin-bottom: 3px;
	line-height: 20px;
	background-color: #F0F0EB;
}

.shortcuts.attention{
	background-color: #87aa14;
}

.shortcuts a div{
    width: 210px;
	text-decoration: underline;
}

.shortcuts.attention a div {
    width: 210px;
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

.shortcuts a:hover div{
	text-decoration: none;
}

.campaignSummary {
	width: 240px;
	padding: 10px;
	background-color: #F0F0EB;
	margin-bottom: 10px;
}

.campaignSummary .summaryItem {
	padding-bottom: 7px;
}

.campaignSummary .summaryItem .half{
	width: 110px;
	float: left;
}

.campaignSummary .summaryValue {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
}

.campaignDiscussions {
	float: left;
	padding-right:10px;
	width:440px;
}

.campaignSidebarHeading {
	background-color: #65655A;
	color: #F0F0EB;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

#lowerSidebar a.campaignLink {
	display:block;
	padding-top:5px;
	font-size:12px;
	text-decoration:underline;
}

#lowerSidebar a.campaignLink:hover {
	text-decoration:none;
}

.campaignReports {
	width:690px;
	background-color:#F0F0EB;
	padding: 10px;
}

.campaignReportLink a {
	text-decoration: underline;
}

.campaignReportLink a:hover {
	text-decoration: none;
}

.campaignWidgetBrief {
	padding-bottom: 5px;
}

.campaignWidgetBrief a {
	font-weight: bold;
}

.campaignWidgetBrief a:hover div{
	background-color:#CDCDC5;
}

.campaignWidgetBrief .thumbnail {
	width:45px;
	height:45px;
	float:left;
	padding:0px 7px 0px 0px;
	vertical-align:middle;
}

/*-------------------------------------------------------------------------*/
/* campaign - admin                                               */
/*-------------------------------------------------------------------------*/

.userList .reportTable table{
	width: 700px;
}

.createFormSection {
	padding: 10px;
	margin-bottom: 10px;
	background-color:#F0F0EB;
}

.createFormSection .inputField{
	width: 450px;
	background-color:#f8f8f8;
}

.createFormSection select{
	width: 450px;
	background-color:#f8f8f8;
}

.createFormSection textarea{
	width: 450px;
	height: 100px;
	background-color:#f8f8f8;
}

.autoCompleteCompany div{
	border: 1px solid #CDCDC5;
}

.autoCompleteCompany li{
	background-color: white;
}

.autoCompleteCompany li.selected{
	background-color: #F0F0EB;
}

.autoCompleteTeam div{
	border: 1px solid #333330;
}

.autoCompleteTeam li{
	background-color: white;
}

.autoCompleteTeam li.selected{
	background-color: #CDCDC5;
}

/*-------------------------------------------------------------------------*/
/* campaign - join                                               */
/*-------------------------------------------------------------------------*/

.teamSizeInstructions span {
	font-weight: bold;
} 

.mandatory {
	color: #ff0000;
}

.wizardStepHeader {
	padding: 3px;
	margin-top: 2px;
	font-weight: bold;
	background-color: #CDCDC5;
}

.alreadymember{
	padding: 20px 30px; 
	text-align: center;
}

.alreadymember a {
	text-decoration: underline;
}

.alreadymember a:hover {
	text-decoration: none;
}

.explanation {
	width: 200px; 
	float: left
}

.facebookExplanation {
	float: left;
}

.explanation p{
	padding-bottom: 15px;
}

.step {
	padding: 20px;
	background-color:#F0F0EB;
}

.step input.inputField,
.step select,
.step textarea,
.step .waiver {
	background-color:#f8f8f8;
	border: 1px solid #CDCDC5;
}

.step .forgotPassword {
	float: right;
	margin-top: 4px;
}

.step .forgotPassword a {
	text-decoration: underline;
}

.step .forgotPassword a:hover {
	text-decoration: none;
}

.step .hasAccountPanel {
	margin-left: 45px;
}

.step .navigation {
	width: 315px;
	margin-left: 45px;
	margin-top: 5px;
	text-align: right;
}

.step .hasAccountPanel input.inputField {
	width: 305px;
}

.step .signUpPanel,
.step .signInPanel {
	margin-left: 45px;
}

.step .signInPanel {
	margin-right: 45px;
}

.step .signUpPanel input.inputField {
	width: 195px;
}

.step .signUpPanel .commonTableLayout th {
	width: 100px;
}

.step .facebookButtonLarge{
	display: none;
}

.step .fbSignInButton{
	display: none;
}

.step a.next {
	display:inline-block;
	width:125px;
	text-align:center;
	text-transform:uppercase;
	color:#F0F0EB;
	height:15px;
	line-height:16px;
	font-size:11px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
	background:url("/gfx/component/button/button_x15.png") no-repeat scroll 0 -100px transparent;
}

.step a.next:hover {
	background-position:0 -80px;
}

.step .selectLocationPanel {
	margin-left: 45px;
}

.step .selectLocationPanel td.label{
	padding-top: 5px;
}

.step .selectLocationPanel td.value{
	padding-top: 2px;
}

.step .selectLocationPanel .help {
	float: right;
	font-weight: bold;
	width: 15px;
	text-align: center;
	cursor: pointer;
}

.step .selectLocationPanel .helpText {
	padding: 5px;
	width: 250px;
	float: right;
	font-weight: bold;
	color: #f8f8f8;
	background-color: #87aa14;
}

.step .selectLocationPanel td.explain{
	font-size: 10px;
	line-height: 12px;
	width: 250px;
}

.step .selectTeamPanel {
	margin-left: 45px;
}

.step .selectTeamPanel p,
.step .selectTeamPanel .join,
.step .selectTeamPanel .create{
	margin-top: 10px;
}

.step .selectTeamPanel p{
	font-weight: bold;
}

.step .selectTeamPanel .buttons{
	margin-top: 15px;
}

.step .selectIntro {
	margin-bottom: 5px;
}

.step .selectAction {
	text-align: center;
}

.step .createTeamPanel {
	margin-left: 30px;
}

.step .selectTeamPanel .join a,
.step .selectTeamPanel .create a {
	text-decoration: underline;
}

.step .selectTeamPanel .join a:hover,
.step .selectTeamPanel .create a:hover {
    text-decoration:none;
}

.step .selectTeamPanel .join {
	margin-top: 15px;
}

.step .selectTeamPanel .join td{
	padding-right: 10px;
	padding-top: 5px;
}

.step .selectTeamPanel .join th{
	font-weight: bold;
	padding-right: 5px;
}

.step .selectTeamPanel .join tr.headerRow{
	background-color: #CDCDC5;
}

.step .enterExplanation{
	display: none;
}

.step .requestPanel{
	margin: 0px 45px;
}

.step .requestPanel .buttons{
	text-align: right;
}

/*-------------------------------------------------------------------------*/
/* campaign - reports                                               */
/*-------------------------------------------------------------------------*/

.campaignReport {
	width: 710px;
}

.campaignReport .inputField,
.campaignReport select {
	background-color: #CDCDC5;
}

.reportintervals {
	width: 690px;
	background-color: #F0F0EB;
	padding: 5px 10px;
	margin-top: 3px;
}

.reportintervals a {
	margin-right: 10px;
	text-decoration: underline;
}

.reportintervals a.selected {
	text-decoration: none;
	font-weight: bold;
}

.reportintervals a:hover {
	text-decoration: none;
}

.reportfilter{
	width:690px;
	background-color: #F0F0EB;
	padding: 5px 10px;
	margin-top: 3px;
}

.reportTable {
	float: left;
}

.reportTable .navigation {
	margin-top: 10px;
}

.selectedInterval{
	width: 690px;
	background-color: #F0F0EB;
	padding: 10px 10px;
	margin-top: 3px;
}

.selectedInterval th{
	font-weight: bold;
	padding-right: 10px;
	border-bottom: 1px solid black;
}

.selectedInterval td{
	padding-right: 10px;
}

.filterItem {
	float: left;
	padding: 0px 10px 0 0px;
}

.filterButton {
	float: right;
	margin: 10px 10px 0px 0px;
}

.download {
	margin-bottom: 10px;
	background-color: #F0F0EB;
}

.sortableTableHeaderRow {
	vertical-align: bottom;
}

.userList .sortableTableHeaderRow {
	background-color: #CDCDC5;
}

.userList .sortableTableHeaderRow th{
	font-weight: bold;
}

.sortableTableRow {
	border-bottom: 1px solid #CDCDC5;
	vertical-align: bottom;
}

.sortableTableRow td{
	padding-right: 10px;
}

.sortableTableRow:hover {
	background-color: #CDCDC5;
}

.sortableTableRow .sportIcon {
	background-color: #CDCDC5;
}

.logWeekRow:hover {
	cursor: pointer;
	background-color: #CDCDC5;
}

.logWeekRowEditing {
	background-color: #CDCDC5;
}

/*-------------------------------------------------------------------------*/
/* support                                               */
/*-------------------------------------------------------------------------*/

.supportSearchHeader {
	float: left;
	margin: 20px 25px 0px 25px;
}

.userDetailSection {
	margin: 20px 25px 0px 25px;
}

.userDetailHeader {
	font-weight: bold;
	background-color: #CDCDC5
}

/*-------------------------------------------------------------------------*/
/* routes - search                                                         */
/*-------------------------------------------------------------------------*/

.routesSearchPanel form table {
	width: 240px;
}

.routesSearchPanel form th, .routesSearchPanel form td {
	padding: 2px 0 1px 0;
}

.routesSearchPanel form th {
	width: 70px;
}

.routesSearchPanel form td {
	width: 170px;
}

.routesSearchPanel form select.wideSelect {
	width: 170px;
}

.routesSearchPanel form select.shortSelect {
	width: 70px;
	float: left;
}

.routesSearchPanel form .distanceTo {
	width: 30px;
	float: left;
	text-align: center;
	padding: 2px 0 0 0;
}

.routesSearchPanel .title {
	font-weight: bold;
}

.routesSearchPanel .routesSearchResult {
	padding: 2px 0 1px 0;
}

.routesSearchPanel .routesSearchResult .inner {
	background-color: #F0F0EB;
	padding: 1px 10px 1px 1px;
}

.routesSearchPanel .routesSearchResult .sportIcon {
	float: left;
	width: 26px;
	height: 26px;
	padding: 1px 0 1px 0;
}

.routesSearchPanel .routesSearchResult .name {
	float: left;
	padding: 0 5px 0 5px;
	max-width: 180px;
	white-space: nowrap;
	overflow: hidden;
}

.routesSearchPanel .routesSearchResult .distance {
	vertical-align: middle;
	font-size: 13px;
	line-height: 16px;
	padding: 6px 0 0 0;
}

.routesSearchPanel .routesSearchResult .votes {
	vertical-align: middle;
	font-size: 13px;
	line-height: 16px;
	padding: 6px 0 0 0;
	margin-right: 10px;
	cursor: help;
}

.routesSearchPanel .searchNavigation {
	padding: 2px 0 0 0;
}

.routesSearchPanel .help li {
    margin: 8px 0 8px 20px;
    list-style: disc outside none;
}

/*-------------------------------------------------------------------------*/
/* routes - map                                                            */
/*-------------------------------------------------------------------------*/

.routeMarker {
	color: #f8f8f8;
	font-family: verdana,arial;
	font-size: 9px;
	line-height: 12px;
	text-align: center;
    width: 50px;
}

.routeMapBarPanel {
	padding: 10px 0 10px 45px;
}

.routeMapBarPanel .picture {
	float: left;
	margin-right: 10px;
}

.routeMapBarPanel .picture,
.routeMapBarPanel .picture img {
	max-height: 140px;
	max-width: 187px;
}

.routeMapBarPanel .details {
	float: left;
}

.routeMapBarPanel .details div {
	width: 125px;
	padding: 0 10px 0 0;
}

.routeMapBarPanel .description {
	max-width: 440px;
	height: 128px;
	overflow: auto;
	margin-right: 10px;
}

.routeMapBarPanel .description p {
	padding-bottom: 16px;
}

.routeMapBarPanel .actions {
	float: left;
	width: 135px;
}

.routeMapBarPanel .actions a {
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 12px;
}

.routeMapBarPanel .placePoint {
	margin: 0 auto;
	width: 300px;
}

.routeMapBarPanel .placePoint .instruction {
	padding: 40px 0 10px 0;
	text-align: center;
}

.routeMapBarPanel .placePoint a.button {
	margin-left: 90px;
}

.routeMapBarPanel .detailsForm {
	width: 710px;
	margin: 0 auto;
}

.routeMapBarPanel .detailsForm table {
	width: 710px;
}

.routeMapBarPanel .detailsForm table th {
	width: 135px;
	vertical-align: top;
}

.routeMapBarPanel .detailsForm table td {
	width: 575px;
}

.routeMapBarPanel .detailsForm table textarea {
	width: 575px;
	height: 300px;
}

.routeMapBarPanel .detailsForm table input.inputField {
	width: 575px;
}

.routeMapBarPanel .detailsForm table .actionButtons {
	float: right;
	padding-top: 5px;
}

#mapBar .routeMapBarPanel .detailsForm table .actionButtons a.button {
	margin-right: 0;
	margin-left: 10px;
}

/* --- Attach Workout Light Box --- */

.attachWorkoutLightBox .workouts {
    padding: 0 5px 0 5px;
}

.attachWorkoutLightBox table {
    width: 100%;
}

.attachWorkoutLightBox th, .attachWorkoutLightBox td {
    padding: 2px 5px 1px 5px;
}

.attachWorkoutLightBox th {
	font-weight: bold;
}

.attachWorkoutLightBox .sport {
	width: 125px;
}

.attachWorkoutLightBox .startTime {
	width: 125px;
}

.attachWorkoutLightBox .distance {
	width: 80px;
	text-align: right;
}

.attachWorkoutLightBox .duration {
	width: 80px;
	text-align: right;
}

.attachWorkoutLightBox .actions {
	width: 80px;
	text-align: right;
}

.attachWorkoutLightBox .actions a {
	text-transform: uppercase;
	font-weight: bold;
}

.attachWorkoutLightBox .right {
	float: right;
}

.attachWorkoutLightBox .navigator {
	padding: 10px 10px 2px 10px;
	border-bottom: 1px solid #F0F0EB;
	height: 16px;
}

.attachWorkoutLightBox .pagingNavigator {
	font-weight: bold;
}

.attachWorkoutLightBox .pagingNavigator a {
	font-weight: normal;
}

/*-------------------------------------------------------------------------*/
/* unsubscribe lightbox                                                    */
/*-------------------------------------------------------------------------*/

.unsubscribe-check {
	float: left;
	padding-right: 5px;
}

.unsubscribe-explanation {
	padding: 0 0 15px 0;
}

/*-------------------------------------------------------------------------*/
/* route planner                                                          */
/*-------------------------------------------------------------------------*/

.routePlannerPanel .details {
	padding: 0 0 10px 0;
}

.routePlannerPanel table {
	width: 100%;
}

.routePlannerPanel th, .routePlannerPanel td {
	padding: 1px 0 0 0;
}

.routePlannerPanel th {
	width: 70px;
	vertical-align: top;
}

.routePlannerPanel input {
	width: 170px;
}

.routePlannerPanel select {
	width: 180px;
}

.routePlannerPanel .help {
	padding: 10px 0 0 0;
}

.routePlannerPanel .help .title {
	font-weight: bold;
}

.routePlannerPanel .help li {
    margin: 8px 0 8px 20px;
    list-style: disc outside none;
}

.routePlannerPanel textarea {
	width: 170px;
	height: 145px;
}

.routePlannerPanel .picturePreview,
.routePlannerPanel .picturePreview img {
	max-width: 180px;
	max-height: 135px;
}

.routePlannerPanel input.fileField {
	width: 220px;
	float: right;
}

.routeDistancePanel {
	width: 79px;
	height: 25px;
    background: url(/gfx/map/DistancePanel2.png) no-repeat top left;
    text-align: center;
}

.routeDistancePanel div {
	margin: 0 0 0 0;
    padding: 6px 0 0 0;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    color: #ffffff;
}

/*-------------------------------------------------------------------------*/
/* settings                                                                */
/*-------------------------------------------------------------------------*/

#settingsPanel .menu .tab a {
	width: 125px;
}

#settingsPanel .settingsContent form .actionsLeft {
	padding:3px 0 0 0;
	text-align:left;
	margin: 5px;

}
#settingsPanel .settingsContent form .actionsLeft a {
	text-decoration: underline;
}

#settingsPanel .settingsContent form .actionsLeft a:hover {
    text-decoration:none;
}

#settingsPanel .settingsContent form .actions {
	padding:3px 0 0 0;
	text-align:right;
	float: right;
}

#settingsPanel .settingsContent {
	width: 800px;
}

#close-account-page #settingsPanel .settingsContent {
	width: 764px;
}

#settingsPanel .settingsContent .application .applicationSettingsPanel form .content,
#settingsPanel .settingsContent .account .accountSettingsPanel form .content,
#settingsPanel .settingsContent .heartrate .heartRateSettingsPanel form .content,
#settingsPanel .settingsContent .labs,
#settingsPanel .settingsContent .sharing,
#settingsPanel .settingsContent .privacy .privacySettingsPanel .privacyForm .content,
#settingsPanel .settingsContent .notification .textContent form .content,
#settingsPanel .settingsContent .subscription,
#settingsPanel .settingsContent .payment .paymentHistoryPanel .content,
.settingsForm .content
{
	width: 780px;
	background-color: #F0F0EB;
	padding: 10px;
	margin-top: 10px;
}

#settingsPanel .settingsContent .subscription h1,
#settingsPanel .settingsContent .subscription .section {
	padding-bottom: 10px;
}

#settingsPanel .settingsContent .subscription .action {
	display:inline-block;
	width: 250px;
	vertical-align:top;
}

#settingsPanel .settingsContent .subscription .description {
	display:inline-block;
	width: 510px;
}

#settingsPanel .settingsContent .subscription .plans {
	padding-bottom: 4px;
}

#settingsPanel .settingsContent .connect {
	width: 710px;
	background-color: #f8f8f8;
	padding: 0px;
	margin-top: 10px;
}

#settingsPanel .settingsContent .connect .connectOption {
	background-color: #F0F0EB;
	padding: 10px;
	margin-bottom: 5px;
}

#settingsPanel .settingsContent .connect .connectText {
	float: left;
	padding-right: 10px;
}

#settingsPanel .settingsContent .connect .connectText.nike img {
	 cursor: pointer;
}

.align-left { float:left; margin: 0 15px 15px 0; }
.align-left.connectImage { width: 100px; text-align: center; }
.frame { padding: 5px; border: 1px solid #aaa; }


#settingsPanel .settingsContent input.inputField,
#settingsPanel .settingsContent select {
	background-color: #f8f8f8;
}

#settingsPanel .settingsContent input[disabled] {
    background-color: #F0F0EB;
}

#settingsPanel .settingsContent .subscription input[type="radio"] {
    margin: 0 5px 5px 0;
}

.settingsForm .content .commonTable {
	width:690px;
	margin-bottom: 10px;
}

.settingsForm .content .commonTable tbody tr td {
	margin-bottom: 10px;
}

.settingsForm .content .commonTable tbody tr td.reasonValue {
	text-align: right;
	padding-right: 20px;
	padding-top:10px;
}

.deactivateExplain ul li {
	list-style: disc;
	margin-left: 30px;
}

.deactivateSubject {
	margin-top: 20px;
	font-weight: bold;
}

textarea.otherDeactivateReason {
	width: 330px;
	height: 96px;
	border: 1px solid #A0A095;
	background: #f8f8f8;

}

.applicationSettingsPanel .commonTable,
.accountSettingsPanel .commonTable {
	margin-left: 20px;
}

.applicationSettingsPanel th
.accountSettingsPanel th {
	width: 280px;
}

.applicationSettingsPanel td{
	width: 350px;
}

.applicationSettingsPanel input.full {
	width: 350px;
	display: block;
}
 
.accountSettingsPanel input.full {
	width: 280px;
	display: block;
}

.accountSettingsPanel input.half {
	width: 140px;
	float: left;
/* 	display: block; */
}

.heartRateSettingsPanel input.full {
	width: 40px;
}

.applicationSettingsPanel select.full {
	width: 360px;
	display: block;
}

.accountSettingsPanel select.full {
	width: 290px;
	display: block;
}

.applicationSettingsPanel a.fieldLink,
.accountSettingsPanel a.fieldLink {
	display: block;
	text-align: right;
}

.accountSettingsPanel .fieldLinkInline {
	float: right;
}

.applicationSettingsPanel label,
.accountSettingsPanel label {
	padding: 0 15px 0 5px;
}

.accountSettingsPanel .employeeFitnessIcon {
	background: url('/gfx/statistics-nav/bysport_active1.png') transparent 50% no-repeat;
	width: 16px;
	height: 16px;
	padding-left: 10px;	
}

.privacyIntro {
	width: 530px;
}

.privacyForm .column1 {
	width: 350px;
	padding-right: 0 !important;
}

.privacyForm .column2 {
	width: 0;
}

.privacyForm .column3, .privacyForm .column4 {
	width: 80px;
}

.privacyExplain {
    padding: 10px 0 15px 0;
}

.privacySetting td {
}

.optionTitle {
	text-align: center;
    width: 80px;
}

.privacyCaption {
	padding: 5px 0 5px 0;
}

.privacyIndent {
	margin: 0 0 0 25px;
}

.privacyTitle {
}

.privacySubTitle {
}

.privacyOption {
	text-align: center;
}

.privacyButtons td {
	padding: 24px 0 0 0;
}

.notificationForm table {
}

.notificationForm .column1 {
	width: 440px;
}

.notificationForm .column2 {
	width: 80px;
}

.notificationExplain {
    padding: 10px 0 15px 0;
}

.notificationSetting td {
}

.notificationHeading {
	text-align: center;
    width: 80px;
}

.settingsHeading {
    text-align: center;
    width: 80px;
}

.notificationCaption {
    padding: 5px 0 5px 0;
}

.notificationSubject {
    font-weight: bold;
}

.settingsSubject {
    font-weight: bold;
}

.notificationTitle {
}

.notificationSubTitle {
}

.notificationOption {
	text-align: center;
}

.notificationButtons td {
    padding: 24px 0 0 0;
}

.connectionOptions {
	padding: 5px 5px 5px 20px;
}

.connectionWait {
	padding: 3px 5px 5px 7px;
}

.sharingSettings img {
	padding: 10px 0 10px 0;
}

.heartRateSettingsPanel span.narrowButton,
.heartRateSettingsPanel a.narrowButton.disabled {
	background-position:0 -160px;
	cursor:default;
}

.heartRateSettingsPanel .inputField {
	text-align: center;
}

.heartRateSettingsPanel .commonTable {
	float: left;
}

#zoneSpanDesc {
	float: none;
	margin-top: 50px;
}

#zoneSpanDesc td {
	text-align: left;
	width: 100%;
}

.heartRateSettingsPanel .commonTable td {
	text-align: center;
	width: 86px;
	height: 18px;
}

.paymentHistoryPanel th {
	font-weight: bold;
}

/*-------------------------------------------------------------------------*/
/* how to (Android / Garmin / WP7)                                         */
/*-------------------------------------------------------------------------*/

#android-howto-page .upperSection,
#garmin-howto-page .upperSection,
#wp7-howto-page .upperSection {
	min-height: 50px;
	height: 50px;
	overflow:hidden;
}

#android-howto-page .upperSection .mainContent,
#garmin-howto-page .upperSection .mainContent,
#wp7-howto-page .upperSection .mainContent {
	display: none;
}

#garmin-howto-page img,
#android-howto-page img,
#wp7-howto-page img {
	margin:0px 25px 0px 0px;
}

#garmin-howto-page h3,
#android-howto-page h3,
#wp7-howto-page h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 15px 0px;
}

#garmin-howto-page p,
#android-howto-page p,
#wp7-howto-page p {
	padding: 0px 0px 15px 0px;
}

#garmin-howto-page #lowerMain a,
#android-howto-page #lowerMain a,
#wp7-howto-page #lowerMain a {
	font-weight:bold;
}

#garmin-howto-page #lowerMain a:hover,
#android-howto-page #lowerMain a:hover,
#wp7-howto-page #lowerMain a:hover {
	text-decoration:underline;
}

/*-------------------------------------------------------------------------*/
/* Access Denied/Internal Error                                            */
/*-------------------------------------------------------------------------*/

.accessDeniedPanel, .internalErrorPanel {
	padding: 25px 0 0 0;
}

.accessDeniedPanel h1, .internalErrorPanel h1 {
	font-size: 25px;
	line-height: 27px;
	text-transform: uppercase;
}

.accessDeniedPanel .content, .internalErrorPanel .content {
	padding: 10px 0 0 0;
	width: 440px;
}

/*-------------------------------------------------------------------------*/
/* SignUp/SignIn/SignOut                                                   */
/*-------------------------------------------------------------------------*/

.hasAccountPanel input.inputField {
	width: 170px;
}

.signInOutPanel {
	font-size:11px;
}

.signInOutPanel.first {
	padding: 4px 10px 3px 10px;
	height: 16px;
}

.signInOutPanel.second {
	padding: 15px 10px 3px 10px;
}

.signInOutPanel label, .signInOutPanel a {
	font-style:normal;
}

.signInOutPanel a {
	text-decoration:underline;
}

.signInOutPanel a:hover {
	text-decoration:none;
}

.signUpPanel .facebookButtonLarge {
	margin: 5px auto 15px auto;
}

.signUpPanel .enterExplanation {
	padding: 0 0 15px 0;
}

.signUpPanel input.inputField {
	width: 205px;
}

.signUpPanel td.sexCell, .signUpPanel th.sexCell {
	padding: 10px 0 10px 0;
}

.signUpPanel span.gender label {
	padding: 0 10px 0 3px;
}

.signUpPanel .captchaImage {
	padding: 10px 0 0 0;
	height: 50px;
	overflow: hidden;
}

.signUpPanel a, #lightbox .signUpPanel a {
	text-decoration: underline;
}

.signUpPanel a:hover, #lightbox .signUpPanel a:hover {
	text-decoration: none;
}

.signUpPanel .disclaimer {
	float: right;
	width: 215px;
	font-size: 10px;
}

#signup-page .signUpPanelContainer {
	padding: 30px 10px;
}

#signup-page .signUpPanelContainer .signUpPanel {
	width: 350px;
	margin: 0 auto;
}

#signup-page .signUpPanelContainer .signUpPanel .inputField {
	background-color: #f8f8f8;
}

#signup-page .signUpPanelContainer .navigation {
	width: 350px;
	margin: 20px auto 0 auto;
}

#signup-page .signUpPanelContainer .navigation a {
	float: right;
}

#forgotPassword-page .forgotPasswordContainer {
	width: 690px;
	padding: 30px 10px;
	background-color: #F0F0EB;
}

#forgotPassword-page .forgotPasswordContainer .content {
	width: 350px;
	margin: 0 auto 0 auto;
}

#forgotPassword-page .forgotPasswordContainer .content .emailLabel {
	width: 90px;
	float: left;
}

#forgotPassword-page .forgotPasswordContainer .content .inputField {
	background-color: #f8f8f8;
	width: 250px;
	float: right;
}

#forgotPassword-page .forgotPasswordContainer .navigation {
	width: 350px;
	margin: 20px auto 0 auto;
}

#forgotPassword-page .forgotPasswordContainer .navigation a {
	float: right;
}

.commonDialog {
	width: 690px;
	padding: 30px 10px;
	background-color: #F0F0EB;
}

.commonDialog .content {
	width: 350px;
	margin: 0 auto;
}

.commonDialog .content .inputField {
	background-color: #f8f8f8;
	width: 205px;
}

.commonDialog .navigation {
	width: 350px;
	margin: 20px auto 0 auto;
}

.commonDialog .navigation a {
	float: right;
}

.findFacebookFriends .facebookButtonLarge {
	margin: 15px 0 30px 0;
}

.facebookEmailInUse .explanation {
	padding: 0 0 15px 0;
}

.facebookEmailInUse .passwordForm .passwordLabel {
	float: left;
	width: 125px;
}

.facebookEmailInUse .passwordForm .inputField {
	float: right;
	width: 205px;
}

.facebookPassword .explanation {
	padding: 0 0 15px 0;
}

.facebookPassword .passwordForm .passwordLabel,
.facebookPassword .passwordForm .emailLabel {
	float: left;
	width: 90px;
}

.facebookPassword .passwordForm .inputField {
	float: right;
	width: 250px;
}

.facebookPassword .passwordForm .emailValue {
	float: right;
	width: 260px;
	overflow: hidden;
}

.facebookAccountMissing .explanation {
	padding: 0 0 15px 0;
}

.facebookAccountMissing .passwordForm .passwordLabel,
.facebookAccountMissing .passwordForm .emailLabel {
	float: left;
	width: 90px;
}

.facebookAccountMissing .passwordForm .inputField {
	float: right;
	width: 250px;
}

.facebookDialog .explanation {
	padding: 0 0 15px 0;
}

#lowerSidebar div.potentialFriends div.findFacebookFriends {
	padding:0 0 15px 0;
}

#acceptInvitationPage .upperSection {
	min-height: 200px;
}

.acceptInvitationWelcome h1 {
	font-size: 25px;
	line-height: 27px;
}

.acceptInvitationWelcome p {
	margin: 10px 0 5px 0;
}

#acceptInvitationPage .acceptInvitationWiz {
	padding-top: 45px;
}

#acceptInvitationPage .acceptInvitationWiz .signUpPanel input.inputField {
	width: 215px;
}

#acceptInvitationPage .acceptInvitationWiz .content, #acceptInvitationPage .acceptInvitationWiz .navigation {
	width: 350px;
}

#acceptInvitationPage .acceptInvitationWiz .navigation {
	padding: 5px 0 2px 0;
	height: 16px;
}

#acceptInvitationPage .acceptInvitationWiz .navigation a {
	display:inline-block;
	width:118px;
	text-align:center;
	text-transform:uppercase;
	color:#F0F0EB;
	height:15px;
	line-height:16px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	font-size:11px;
	overflow:hidden;
	background:url("/gfx/component/button/button_x15.png") no-repeat scroll 0 -100px transparent;
}

#acceptInvitationPage .acceptInvitationWiz .navigation a:hover {
	background-position:0 -80px;
}

#acceptInvitationPage .acceptInvitationWiz .navigation a.prev {
	float: left;
}

#acceptInvitationPage .acceptInvitationWiz .navigation a.next {
	float: right;
	padding-right: 10px;
}

/*-------------------------------------------------------------------------*/
/* Google & Facebook buttons                                               */
/*-------------------------------------------------------------------------*/
.googleSigninBtn.small {
	float: right;
	margin-left: 20px;
	padding-top: 0;		
}

.googleSigninBtn.small #googleSigninBtn, #fbSignInButton {
	cursor: pointer;
	display: inline-block;
	background: #dd4b39;
	color: white;
	width: 150px;
	white-space: nowrap;
	border: #bb3f30 1px solid;
	height: 13px;
}

.googleSigninBtn.small #googleSigninBtn a, 
#fbSignInButton a{
	text-decoration: none;
}

.googleSigninBtn.small #googleSigninBtn span.label,
#fbSignInButton span.label {
	font-weight: bold;
}

.googleSigninBtn.small #googleSigninBtn span.icon,
#fbSigninBtn span.icon {
	background: url('/gfx/logos/btn_red_15.png') transparent 0px 50% no-repeat;
	display: inline-block;	
	width: 15px;
	height: 13px;
	border-right: #bb3f30 1px solid;
	float: none;
	margin: 0;
}

#googleSigninBtn div.right-fluid,
#googleSignupBtn div.right-fluid, 
#fbSignupBtn div.right-fluid {
	display: block;
	float: left;
	width: 100%;	
}


/* #googleSigninBtn span.buttonText, */
/* #fbSigninBtn span.buttonText { */
/* 	display: inline-block; */
/* 	position: absolute; */
/* 	top: 17px; */
/* 	padding-left: 10px; */
/* 	padding-right: 5px; */
/* 	font-size: 12px; */
/* 	font-family: arial,sans-serif; */
/* } */

.googleSigninBtn.small #googleSigninBtn div.right-fluid, 
#fbSigninBtn div.right-fluid {
	display: inline-block;
	position: absolute;
	top: 17px;
	padding-left: 30px;
	padding-right: 5px;
	font-size: 12px;
	font-family: arial,sans-serif;
	width: auto;
	float: none;
}

.googleSigninBtn.small #googleSigninBtn span.buttonText {
	padding: 0;
	margin: 0;
	line-height: inherit;
	font-size: 12px;
	height: auto;
}

.googleSigninBtn,
.googleSignupBtn, 
.fbSignupBtn {
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	display: block;	
}
#googleSigninBtn,
#googleSignupBtn,
#fbSignupBtn  {
	cursor: pointer;	
	background: #dd4b39;
	color: white;
	white-space: nowrap;
	border: #bb3f30 1px solid;
	height: 35px;
}
#fbSignupBtn  { 
	border: #2a4888 1px solid;
	background: #355a9c;
}

#googleSigninBtn:hover,
#googleSignupBtn:hover,
#fbSignupBtn:hover {
	cursor: hand;
}
#googleSigninBtn:active,
#googleSignupBtn:active {
	background-color: #bb3f30;
}

#fbSignupBtn:active {
	background-color: #2a4888;
}
 

#googleSigninBtn span.label,
#googleSignupBtn span.label,
#fbSignupBtn span.label {
	font-weight: bold;
	
}

#googleSigninBtn span.icon,
#googleSignupBtn span.icon,
#fbSignupBtn span.icon {
	background: url('/gfx/logos/google_logo_white.png') transparent center center no-repeat;	
	vertical-align: middle;
	background-size: 35%;
	background-color: #bb3f30;
	width: 35px;
	height: 35px;
	display: block;
	float: left;
	margin-left: -100%;	
	border-right: #bb3f30 1px solid;	
}

#fbSignupBtn span.icon {
	background-image: url('/gfx/logos/facebook_logo_white.png');
	background-color: #2a4888; 
	border-right: #2a4888 1px solid;
}

#googleSigninBtn span.buttonText,
#googleSignupBtn span.buttonText,
#fbSignupBtn span.buttonText {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 15px;
	font-family: arial,sans-serif;	
	display:block;
	height: 35px;
	line-height: 35px;
}



.googleConnectBtn {
	margin-left: 20px;
}

#googleConnectBtn {
	cursor: pointer;
	display: inline-block;
	background: #dd4b39;
	color: white;
	width: 150px;
	white-space: nowrap;
}

#googleConnectBtn:hover {
	background: #e74b37;
	cursor: hand;
}

#googleConnectBtn span.label {
	font-weight: bold;
}

#googleConnectBtn span.icon {
	background: url('/gfx/logos/btn_red_15.png') transparent 5px 50% no-repeat;
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 15px;
	border-right: #bb3f30 1px solid;
}

#googleConnectBtn span.buttonText {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	font-family: arial,sans-serif;
}
/*-------------------------------------------------------------------------*/
/* Find Facebook friends using Endomondo                                   */
/*-------------------------------------------------------------------------*/

.findFacebookFriends form.choices div.choice-container ul.list li.item {
	overflow:hidden;
	width:350px;
	padding:0 0 5px 0;
}

#lightbox .findFacebookFriends form.choices div.choice-container ul.list li.item div.info {
	color:#333330;
	width: 243px;
}

#lightbox .findFacebookFriends form.choices div.choice-container ul.list li.item div.info a {
	color:#333330;
}

#lowerSidebar .findFacebookFriends .navigation .next,
#lowerMain .findFacebookFriends .navigation .next {
	float: right;
}

#lowerMain .findFacebookFriends li.user div.info {
	width:134px;
	background-color: #CDCDC5;
}

#lowerMain .findFacebookFriends li.user div.actions {
	background-color: #CDCDC5;
}

#findfbfriends-page .findFacebookFriendsContainer {
	width: 690px;
	padding: 30px 10px;
	background-color: #F0F0EB;
}

#findfbfriends-page .findFacebookFriendsContainer .findFacebookFriends {
	width: 350px;
	margin: 0 auto;
}

#findfbfriends-page .findFacebookFriendsContainer .findFacebookFriends .inputField {
	background-color: #f8f8f8;
}

#findfbfriends-page .findFacebookFriendsContainer .navigation {
	width: 350px;
	margin: 20px auto 0 auto;
}

#findfbfriends-page .findFacebookFriendsContainer .navigation a {
	float: right;
}

/*-------------------------------------------------------------------------*/
/* live map                                                                */
/*-------------------------------------------------------------------------*/

.userMarker div {
	position: absolute;
	top: -17px;
	left: 4px;
}

.routeInfoWindow.winDeselected {
    width: 150px;
    height: 90px;
    overflow: hidden;
    background: url(/gfx/map/InfoWindow.png) no-repeat top left;
}

.routeInfoWindow.winSelected {
    width: 150px;
    height: 90px;
    overflow: hidden;
	background: url(/gfx/map/InfoWindow_selected.png) no-repeat top left;
}

.routeInfoWindow div, .routeInfoWindow a, .routeInfoWindow a:hover {
    color: #ffffff;
}

.routeInfoWindow a {
    text-decoration: underline;
}

.routeInfoWindow a:hover {
	text-decoration: none;
}

.routeInfoWindow .indent {
	padding: 5px 5px 11px 20px;
	font-size: 11px;
	line-height: 14px;
}

.routeInfoWindow .routeName {
    padding: 0px 16px 0px 0px;
    height: 16px;
    overflow: hidden;
}

.routeInfoWindow .author, .routeInfoWindow .sport {
	font-style: italic;
}

.routeInfoWindow .controls {
	position: absolute;
	bottom: 16px;
	right: 9px;
    overflow: hidden;
}

.infoWindowClose {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 8px;
    right: 8px;
    background: url(/gfx/map/InfoWindowClose.png) no-repeat top right;
    overflow: hidden;
    cursor: pointer;
}

/*-------------------------------------------------------------------------*/
/* Statistics Panel                                                        */
/*-------------------------------------------------------------------------*/

.statisticsPanel {
	width: 710px;
}

.statisticsPanel .sportLegend {
	float: left;
	padding: 0 10px 0 0;
}

.statisticsPanel .statSportColor {
	height:15px;
	width:15px;
}

.statisticsPanel .sportName {
	padding: 0 0 0 5px;
}

.statisticsPanel .statForm {
	padding-left:10px;
	padding-top:10px;
}

.statisticsPanel .statFormPeriod {
	text-align: center;
	padding: 25px 0 0 0;
	border-bottom: 1px solid #333330;
}

.statisticsPanel .statBarChartTarget {
	float:left; 
	margin-left:10px;
	margin-top:10px;
}

.statisticsPanel .statSports {
	float:left;
	margin-left:50px;
	margin-top:13px;
}

.statisticsPanel .statBarChartScriptTarget {
	clear:both;
}

/*-------------------------------------------------------------------------*/
/* Header - Personal Panel (test)                                          */
/*-------------------------------------------------------------------------*/

#header .subContainer {
	width: 260px;
	padding: 3px 0 0 0;
}

#header .subContent {
	width: 260px;
	height: 22px;
}

#header .personalPanel a {
	color: #F0F0EB;
	font-style: normal;
	font-size: 11px;
	line-height: 14px;
	text-decoration: underline;
}

#header .personalPanel a:hover {
	text-decoration: none;
}

#header .personalPanel table {
	width: 240px;
	height: 22px;
}

#header .personalPanel td {
	white-space: nowrap;
}

#header .personalPanel td.actions {
	text-align: right;
}

#header .personalPanel a.settingsLink {
	padding: 0 10px 0 0;
}

/*-------------------------------------------------------------------------*/
/* Settings panel                                                          */
/*-------------------------------------------------------------------------*/

#lowerMain #settingsPanel .nameLink {
	text-decoration: underline;
	display: inline;
}

#lowerMain #settingsPanel .nameLink:hover {
	text-decoration: none;
}

/*-------------------------------------------------------------------------*/
/* Featured Challenges (Front, Home, Challenges)                           */
/*-------------------------------------------------------------------------*/

#lowerSidebar div.featuredChallenge div.p-title {
	padding: 0px 10px 0px 10px;
	overflow: hidden;
	background:url("/gfx/component/button/button_240x25.png") no-repeat scroll 0 -35px transparent;
	width: 220px;
	height: 32px;
	font-size:12px;
	line-height:27px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow: hidden;
	text-transform: uppercase;
	color: #F0F0EB;
}

#lowerSidebar div.featuredChallenge a.nameLink {
	text-decoration: none;
	display: block;
}

#lowerSidebar div.featuredChallenge a.nameLink:hover {
	text-decoration: underline;
}

#lowerSidebar div.featuredChallenge .name {
	font-weight: bold;
	padding: 3px 0 0 0;
}

#lowerSidebar div.featuredChallenge a.imgLink {
	width: 240px;
	overflow: hidden;
	padding: 5px 0 5px 0;
	display: block;
	text-align: center;
}

#lowerSidebar div.featuredChallenge a.imgLink img {
	width: 200px;
	margin: 0 auto 0 auto;
}

#lowerSidebar div.featuredChallenge .info {
	padding: 0 0 16px 0;
}

#lowerSidebar div.featuredChallenge .key {
	float: left;
	font-weight: bold;
	padding: 0 10px 0 0;
	min-width: 50px;
}

#lowerSidebar div.featuredChallenge .value {
	float: left;
}

#lowerSidebar div.featuredChallenge a.join {
	margin-top: 7px;
	float: right;
}

#lowerSidebar div.featuredChallenge a.ignore {
	margin-top: 7px;
	float: left;
}

#lowerMain div.featuredChallenge div.details {
	width: 260px;
	background-color: #F0F0EB;
	margin-bottom: 3px;
}

#lowerMain div.featuredChallenge div.detailsInner {
	padding: 5px 10px 5px 10px;
}

#lowerMain div.featuredChallenge div.p-title {
	overflow: hidden;
	height: 0;
}

#lowerMain div.featuredChallenge a.nameLink {
	text-decoration: none;
	display: block;
}

#lowerMain div.featuredChallenge a.nameLink:hover {
	text-decoration: underline;
}

#lowerMain div.featuredChallenge .name {
	font-weight: bold;
	padding: 3px 0 0 0;
}

#lowerMain div.featuredChallenge a.imgLink {
	width: 240px;
	overflow: hidden;
	padding: 5px 0 5px 0;
	display: block;
	text-align: center;
}

#lowerMain div.featuredChallenge a.imgLink img {
	width: 200px;
	margin: 0 auto 0 auto;
}

#lowerMain div.featuredChallenge .info {
	padding: 0 0 7px 0;
}

#lowerMain div.featuredChallenge .key {
	float: left;
	font-weight: bold;
	padding: 0 10px 0 0;
	min-width: 50px;
}

#lowerMain div.featuredChallenge .value {
	float: left;
}

#lowerMain div.featuredChallenge a.join {
	margin-top: 10px;
	float: right;
}

#lowerMain div.featuredChallenge a.ignore {
	margin-top: 10px;
	float: left;
}

/*-------------------------------------------------------------------------*/
/* Front Page and Sport Page                                               */
/*-------------------------------------------------------------------------*/

#sport-page #menu,
#front-page #menu {
}

#sport-page .upperSection .sidebar_inner,
#front-page .upperSection .sidebar_inner {
	padding-top: 0;
}

#sport-page .upperSidebarContent,
#front-page .upperSidebarContent {
	padding-top: 0;
}

#sport-page #upperSection,
#front-page #upperSection {
	background: none repeat scroll 0 0 transparent;
	position: relative;
/* 	top: -4px; */
}

#sport-page #upperSection .sidebar,
#sport-page #upperSection .mainContent,
#front-page #upperSection .mainContent {
	background-color: #F0F0EB;
}

.noResults {
	text-align: center;
}
.endo-etched {
	width: 34px;
	height: 26px;
	display: inline-block;
	vertical-align: text-top;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.empty-text {
	margin-top: 5px;
}
.empty-text strong {
	font-weight: bold;
}

#sport-page #lowerMain div.column,
#front-page #lowerMain div.column {
	float: left;
	width: 350px;
	padding: 0 10px 0 0;
}

#sport-page #lowerMain div.column.first,
#front-page #lowerMain div.column.first {
	padding: 0 10px 45px 0;
}

#sport-page #lowerMain .recent-workouts div.p-body,
#front-page #lowerMain .recent-workouts div.p-body {
	padding: 0;
}

#sport-page #lowerMain .recent-workouts div.p-body .item,
#front-page #lowerMain .recent-workouts div.p-body .item {
	padding: 0 0 3px 0;
}

#sport-page #lowerMain div.column.activityFeed,
#front-page #lowerMain div.column.activityFeed {
	width: 395px;
	margin: 0 0 45px 0;
}

#sport-page #lowerMain div.column.featured,
#front-page #lowerMain div.column.featured {
	width: 305px;
}

#sport-page .panel,
#front-page .panel {
	padding: 0 0 20px 0;
}

/*-------------------------------------------------------------------------*/
/* Follow Us                                                               */
/*-------------------------------------------------------------------------*/

#home-page .upperSection,
#front-page .upperSection {
	position: relative;
}

#lowerSidebar .followUsPanel {
	float: right;
	padding: 2px 0 10px 0;
}

.sidebar .followUsPanel {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 10px 10px 0;
}

.followUs {
	float: left;
	line-height: 11px;
	padding: 5px 0 0 0;
	height: 11px;
	width: 58px;
	overflow: hidden;
}

.followUsPanel a.smallIconButton {
	float: left;
	margin: 0 0 0 3px;
}


/*-------------------------------------------------------------------------*/
/* B2B                                                                     */
/*-------------------------------------------------------------------------*/

div.panel.b2b img {
	width: 180px;
	display: block;
	margin: 0 auto 0 auto;
}

div.panel.b2b .aboveImage {
	padding: 0 0 10px 0;
}

div.panel.b2b .belowImage {
	padding: 10px 0 0 0;
}

/*-------------------------------------------------------------------------*/
/* Premium Ad Panel                                                                     */
/*-------------------------------------------------------------------------*/

div.panel.premium {
	padding: 0 0 10px 0;
}

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

.boxContent {
	padding: 10px 5px;
	width: 700px;
	margin-bottom: 5px;
	background-color: #F0F0EB;
}

.boxContent a {
	text-decoration: underline;
}

.boxContent a.button {
	text-decoration:none;
}

.boxContent a:hover {
	text-decoration: none;
}

.boxContent select,
.boxContent .inputField,
.boxContent textarea {
	background-color: #f8f8f8;
	border: 1px solid #CDCDC5;
}

.boxContent .boxItem {
	float: left;
	padding-right: 20px;
}

.boxContent p {
	padding-bottom: 15px;
}

.teamReportTeamRow td,
.teamReportMemberRow td {
	padding-top: 7px;
}

.teamReportHeader th.outerCol,
.teamReportTeamRow td.outerCol,
.teamReportMemberRow td.outerCol {
	width: 140px;
	text-align: left;
}

.teamReportHeader th.innerCol,
.teamReportTeamRow td.innerCol,
.teamReportMemberRow td.innerCol {
	width: 68px;
	padding: 1px;
	text-align: center;
}

.teamReportHeader th.innerCol div,
.teamReportHeader th.outerCol div {
	width: 68px;
	padding: 2px 0;
	background-color: #CDCDC5;
}

.teamReportHeader,
.teamReportTeamRow,
.teamReportMemberRow {
	border-bottom: 1px solid #F0F0EB;
}

.teamReportTeamRow:hover,
.teamReportMemberRow:hover {
	border-bottom: 1px solid #CDCDC5;
}

.statFormPeriod .back {
	float: left;
	width: 100px;
	text-align: left;
}

.statFormPeriod .forward {
	float: left;
	width: 100px;
	text-align: right;
}

.statFormPeriod .period {
	float: left;
	width: 500px;
	text-align: center;
}

#memberListNavigator .nav-body .info {
display: none;
}

/*-------------------------------------------------------------------------*/
/* Companies                                                               */
/*-------------------------------------------------------------------------*/

.companyHeaderRow {
	border-bottom: 1px solid black;
}

.companyFooterRow {
	border-top: 1px solid black;
}

.companyRow:hover {
	background-color: #CDCDC5;
}

.companyCell {
	margin-right: 8px;
}

.companyNavigator {
	margin-top: 5px;
	float: right;
}

.companyNavigator .increment {
	display: none;
}

.companyNavigator .info {
	margin-right: 5px;
}

.companyNavigator .pages span {
	font-weight: bold;
}

.companyNavigator .pages a:hover {
	font-weight: bold;
}


/*-------------------------------------------------------------------------*/
/* Content Pages (terms, press, etc.)                                      */
/*-------------------------------------------------------------------------*/

#content-page #lowerMain .content {
	width:530px;
	padding:0 0 45px 45px;
}

#content-page #lowerMain h2 {
	background-color: #333330;
	color: #F0F0EB;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdanay;
	font-size: 14px;
	height: 35px;
	line-height: 36px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	width: 260px;
}

#content-page #lowerMain h3 {
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana;
	font-size: 12px;
	height: 25px;
	line-height: 27px;
}

#content-page #lowerMain em {
	font-weight:bold;
}

#content-page #lowerMain ul,
#content-page #lowerMain p {
	padding:4px 0;
}

#content-page #lowerMain ul {
	list-style-type:square;
	list-style-position:inside;
}

#content-page #lowerMain a {
	text-decoration:underline;
}

#content-page #lowerMain a:hover {
	text-decoration:none;
}

/*-------------------------------------------------------------------------*/
/* Challenge - JoinChallengeMissingPropertyPage                            */
/*-------------------------------------------------------------------------*/

#challenge-missing-property div.missingPropertyPanel {
	width: 710px;
}

#challenge-missing-property div.missingPropertyPanel div.missingProperties {
	width: 690px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 3px;
	background-color: #F0F0EB;
}

#challenge-missing-property div.missingPropertyPanel div.missingProperties p {
	padding-bottom: 10px;
}

#challenge-missing-property div.missingPropertyPanel div.actions {
	float: right;
}

#challenge-missing-property div.missingPropertyPanel div.actions a {
	margin-left: 10px;
}

/*-------------------------------------------------------------------------*/
/* Potential Friends                                                       */
/*-------------------------------------------------------------------------*/
.border.ffinder .content .user {
	overflow: hidden;
	width:204px;
	margin:5px;
	padding:3px;
	float:left;
}

.border.ffinder .content .user:hover {
	background-color:white;
}

.border.ffinder .content .user .details {
	padding-left: 65px;
}

.border.ffinder .content .user .details p.name {
	height: 35px;
	max-width: 117px;
	font-weight: bold;
}

#home-page .border.ffinder .content .user .details p.name {
	max-width: 177px;
}

.border.ffinder .content .user .details a.name:hover,
.border.ffinder .content .user .details a {
	text-decoration: underline;
}

.border.ffinder .content .user .details a.name,
.border.ffinder .content .user .details a:hover {
	text-decoration: none;
}

.border.ffinder .user .close {
	width: 8px;
	height: 8px;
	margin: 4px 4px 0 0;
	background: url('/gfx/component/button/close_btn_small.png') no-repeat 0 -8px;
}

.border.ffinder .user .close:hover {
	background-position: 0 -16px;
}

#lowerSidebar .border.ffinder {
	margin-bottom: 16px;
}

.border.ffinder .actions {
	padding: 0 10px;
	text-align:right;
}

.border.ffinder .actions a {
	text-decoration: underline;
}

.border.ffinder .actions a:hover {
	text-decoration: none;
}

/*-------------------------------------------------------------------------*/
/* Borders                                                                 */
/*-------------------------------------------------------------------------*/
.border .content .intro {
	padding: 0 20px 10px 0;
}

.border .content .controls {
	padding-top: 10px;
	text-align: right;
}

.border .content .note {
	padding-bottom: 5px;
	text-align: left;
	font-size: 9px;
}

.border .content .note a {
	text-decoration: underline;
}

.border .content .note a:hover {
	text-decoration: none;
}

.column.summary .border .content {
	width: 240px;
}

#lowerSidebar .border .heading {
	padding: 0px 10px 0px 10px;
	overflow: hidden;
	background: url("/gfx/component/button/button_240x25.png") no-repeat scroll 0 -35px transparent;
	width: 220px;
	height: 32px;
	font-size: 12px;
	line-height: 27px;
	font-family: Arial,Verdana;
	overflow:hidden;
	text-transform: uppercase;
	color: #F0F0EB;
	font-weight:normal;
}

/*-------------------------------------------------------------------------*/
/* Inline Help                                                             */
/*-------------------------------------------------------------------------*/
.border.help .help-trigger span {
	position:absolute;
	left: -9999px;
	top: -9999px;
}

.border.help .help-trigger {
	float: right;
	width: 20px;
	height: 20px;
	background: transparent url(/gfx/component/border/help.png) no-repeat 0 0;
}

.border.help .help-content {
	width: 200px;
	padding: 5px 25px 5px 5px;
	font-size: 12px;
	font-weight: normal;
	color: #333330;
	background-color: #F0F0EB;	
}

/*-------------------------------------------------------------------------*/
/* Contacts import options                                                 */
/*-------------------------------------------------------------------------*/
#lowerSection .importContacts .intro {
	padding: 0 7px 5px 0; 
}

#lowerSection .importContacts .button.import {
	padding: 0 0 0 50px;
	width:170px;
	height: 45px;
	line-height:50px;
	vertical-align:middle;
	color: #333330;
	text-align:left;
}

#lowerSection .importContacts .button.import.facebook {
	background: transparent url(/gfx/component/ffinder/facebook.png) no-repeat 0 -135px;
}

#lowerSection .importContacts .button.import.gmail {
	background: transparent url(/gfx/component/ffinder/gmail.png) no-repeat 0 -135px;
}

#lowerSection .importContacts .button.import.yahoo {
	background: transparent url(/gfx/component/ffinder/yahoo.png) no-repeat 0 -135px;
}

#lowerSection .importContacts .button.import.other {
	background: transparent url(/gfx/component/ffinder/other.png) no-repeat 0 -135px;
}

#lowerSection .importContacts .button.import.manual {
	background: transparent url(/gfx/component/ffinder/email.png) no-repeat 0 -135px;
}

#lowerSection .importContacts .button.import.csv {
	background: transparent url(/gfx/component/ffinder/csv.png) no-repeat 0 -135px;
}

#lowerSection .importContacts .button.import:hover {
	background-position:0 -45px;
}

/*-------------------------------------------------------------------------*/
/* Column list panel                                                       */
/*-------------------------------------------------------------------------*/
ul.columnList {
	width: 170px;
	float: left;
	padding: 0 10px 0 0;
}

ul.columnList.col3 {
	width: 230px;
}

ul.columnList.col2 {
	width: 350px;
}

ul.columnList.last {
	padding-right: 0;
}

ul.columnList li.item {
	display: block;
	width: 170px;
	padding: 0 0 3px 0;
	overflow: hidden;
}

ul.columnList.col3 li.item {
	width: 230px;
}

ul.columnList.col2 li.item {
	width: 350px;
}

/*-------------------------------------------------------------------------*/
/* Singapore project                                                       */
/*-------------------------------------------------------------------------*/

.singaporesignup {
	width: 500px;
}

.singaporesignup .navigation a.prev,
.singaporesignup .navigation a.next {
	margin: 10px 0px 0px 10px;
	text-decoration: none;
	height:25px;
	line-height:27px;
	font-size:12px;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
	overflow:hidden;
	text-transform:uppercase;
	text-align:center;
	background:url("/gfx/component/button/button_x25.png") no-repeat scroll 0 -270px transparent;
	color:#F0F0EB;
	width: 80px;
	display:inline-block;
}

.singaporesignup .navigation a.prev:hover,
.singaporesignup .navigation a.next:hover {
	background-position:0 -240px;
}

.burnedBar {
	height: 11px;
	float: left;
	background-color: #87aa14;
}

.consumedBar {
	height: 11px;
	float: right;
	background-color: #CDCDC5;
}

#singaporepage .upperMain .innerContent {
	/* background: url("/gfx/campaign/idat_background_2.png") no-repeat scroll right top transparent; */
	height:325px;
}
#singaporepage #upperSection { background: none repeat scroll 0 0 transparent; }
#singaporepage #upperSection .mainContent { background-color: #F0F0EB; }

.singapore-teaser{
	padding: 25px 45px 0px;
	width: 400px;
}

body.override .singapore-teaser{
	width: 330px;
	padding: 25px 10px 0px;
}

.singapore-teaser p{
	padding: 0px 0px 10px 0px;
	font-weight: bold;
}

.singapore-teaser div{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

.singapore-teaser ul{
	padding: 0px 0px 10px 45px;
	font-weight: bold;
}

.singapore-teaser li{
	list-style: disc;
}

a.hpb-fb {
	display: block;
	padding-left: 30px;
	width: 120px;
	height: 15px;
	text-decoration: none;
	background: url("/gfx/logos/facebookButton.png") no-repeat scroll center center transparent;
	color: #F0F0EB;
}

.hpb-links {
	margin-top: 10px;
}

.hpb-links a.commonLink{
	margin-bottom: 10px;
	display: block;
}

/*-------------------------------------------------------------------------*/
/* Singapore - pages                                                       */
/*-------------------------------------------------------------------------*/

.totals .value { text-align: right; font-size: 20px; font-weight: bold; }
.divButton {padding:10px; margin-bottom:10px; cursor: pointer; border:1px solid #CDCDC5; background-color:#F0F0EB;}
.divButton:hover { background-color:#CDCDC5; }

#campaignpage #menu { background-color: #f8f8f8; }
#campaignpage .upperSection .sidebar_inner { padding-top: 0; }
#campaignpage .upperSidebarContent { padding-top: 0; }
#campaignpage #upperSection { background: none repeat scroll 0 0 transparent; }
#campaignpage #upperSection .mainContent { background-color: #F0F0EB; }
#campaignpage .upperMain .innerContent{ margin:0 0 0 0; overflow:hidden; position:relative;}
#campaignpage #upperSection #menuSearch { display: none; }

/*-------------------------------------------------------------------------*/
/* Campaign V2 - signup                                                    */
/*-------------------------------------------------------------------------*/

.signupHeader{
	font-weight: bold;
	margin: 10px 0;
}

.signupField{
	margin-bottom: 5px;
}

.signupField .label{
	float: left;
	width: 100px;
	min-height: 10px;
}
.signupField .value{
	float: left;
	width: 350px;
}

.intervals .header {
	font-weight: bold;	
}


/*-------------------------------------------------------------------------*/
/* Campaign V2 - admin                                                     */
/*-------------------------------------------------------------------------*/

.intervals .c1,
.intervals .c2,
.intervals .c3,
.intervals .c4{
	float: left;
	width: 150px;
}

a div.bigTab {
	float: left;
	margin: 0 18px 18px;
	cursor: pointer;
	width: 284px;
	height: 80px;
	padding: 18px;
	background-color: #F0F0EB;
	border: 1px solid #CDCDC5;
}

a:hover div.bigTab,
a.selected div.bigTab {
	background-color: #CDCDC5;
}

.bigTab .heading{
	text-align: center;
	margin-bottom: 5px;
}

a.levelSelector div{
	padding: 5px 10px;
	text-decoration:none;
	border: 1px solid #CDCDC5;
	background-color:#F0F0EB;
}

a.levelSelector.selected div,
a.levelSelector:hover div{
	text-decoration:none;
	background-color:#CDCDC5;
}

/*-------------------------------------------------------------------------*/
/* Campaign V2 - join a team                                               */
/*-------------------------------------------------------------------------*/

.result-team{
	float: left;
	margin: 0 10px 5px 0;
	padding: 5px 10px;
	width: 210px;
	height: 70px;
	overflow: hidden;
	background-color: #F0F0EB;
}

.result-team img{
	width: 70px;
	height: 70px;
	margin-right: 10px;
}

.result-team .content{
	float: left;
	width: 130px;
	line-height: 20px;
}

.result-team .name{
	height: 50px;
	padding: 5px 0 0 0;
	overflow: hidden;
}

.result-team .action{
	text-align: right;
}

.result-team.last{
	margin-right: 0px;
}

.boxContent .manual-form-container textarea {
	width: 680px;
}

/*-------------------------------------------------------------------------*/
/* Campaign V2 - invite to a team                                          */
/*-------------------------------------------------------------------------*/

#invite-page-content #invitation-results-container div.form-actions-container .button.done {
    display: inline-block;
}

#invite-page-content #invitation-results-container div.form-actions-container .button.more {
    display: none;
}

a.attentionButton.compact {
	line-height: 20px;
	font-size: 14px;
	text-decoration: none;
}

a.fb{
	background:url("/gfx/logos/facebookButton.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 15px;
	margin-top: 15px;
	padding-left: 25px;
	text-decoration: none;
	width: 125px;
	color: #F0F0EB;
}

div.clickable{
	cursor: pointer;
	background-color: #F0F0EB;
}

div.clickable:hover{
	background-color: #CDCDC5;
}

/*-------------------------------------------------------------------------*/
/* Campaign V2 - teaser                                                    */
/*-------------------------------------------------------------------------*/

.teaser {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 18px;
	line-height: normal;
}

.teaser .header {
	font-size: 22px;
}

.campaignLogos {
	float: left;
	width: 150px;
	height: 325px;
	position: relative;
	background-color: #f8f8f8;
}

.logo1 { position:absolute; top:  0px; left:10px; width:125px; height:125px; overflow:hidden; }
.logo2 { position:absolute; top:125px; left:10px; width:125px; height:125px; overflow:hidden; }
.logo3 { position:absolute; top:250px; left:10px; width:125px; height:75px;  overflow:hidden; }

/*-------------------------------------------------------------------------*/
/* Campaign V2 - customize                                                 */
/*-------------------------------------------------------------------------*/

.headerBar {
	font-weight: bold;
	padding: 3px 10px;
	background-color: #CDCDC5;
}

.detailsSection {
	padding: 10px 10px 15px;
}


/*-------------------------------------------------------------------------*/
/* Campaign V2 - competitor view                                           */
/*-------------------------------------------------------------------------*/

.nodePageHeader {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 15px;
}

.nodePageLine {
	line-height: 25px;
	font-weight: bold;
}

.nodePageLine span{
	font-weight: normal;
}

.iconPanel{
	float: left;
	width: 187px;
	height: 88px;
	padding: 15px 15px 0px 85px;
	line-height: 20px;
}

.iconPanel .value {
	line-height: 33px;
	font-size: 20px;
	font-weight: bold;
}

div.listElement{
	margin: 0 0 3px 0;
}

div.listItemName{
	float: left;
	padding: 10px;
}

div.bigLink{
	font-weight: bold; 
	font-size: 16px; 
	text-align: center;
	padding: 7px;
	border: 1px solid #CDCDC5;
}

a.selected div.listElement,
a:hover div.listElement{
	background-color: #CDCDC5;
}

.formContent select,
.formContent .inputField,
.formContent textarea {
	background-color: #f8f8f8;
	border: 1px solid #CDCDC5;
}

.stdTable th {
	font-weight: bold;
	padding: 3px 10px 0 0;
	border-bottom: 1px solid #CDCDC5;
}

.stdTable td {
	padding: 3px 10px 0 0;
}

#lightbox div.registered:hover {
	background-color: #CDCDC5;
}

div.registered:hover {
	background-color: #F0F0EB;
}

.sponsorGrid {
	width: 150px; height: 325px; float: left; overflow: hidden; background-color: #f8f8f8; border-bottom: 1px solid #CDCDC5;
}

.logoPlacementLegend {
	float:left; margin-left:20px;
}

.logoPlacementLegend div.legend {
	float: left; 
	width: 12px; 
	height: 12px; 
	margin-right: 10px;
	border: 1px solid #CDCDC5;
}

.personal {
	margin-top: 10px;
}


a div.joinButton {
	background: url("/gfx/campaign/home/Signup_button.png") no-repeat scroll 0 0 transparent;
	width: 671px;
	height: 80px;
	color: #f8f8f8;
	font-size: 30px;
	line-height: 80px;
	text-align: center;
	display: inline-block;
}

a:hover div.joinButton {
	background-position: 0 -85px;
}

.iconSummaryPanel { width: 1024px; height: 179px; background: url("/gfx/campaign/home/iconbar.png") no-repeat scroll 0 0 transparent; }
.iconSummaryPanel .item { float:left; width:170px; text-align:center; margin-top:50px; }
.iconSummaryPanel .item .value { line-height:25px; font-size:22px; margin-top:10px; }

.riderSummary {
	float:left;
	overflow: hidden;
	width:360px;
	padding: 0 0 20px;
	margin: 15px 7px 0 20px;
}

.riderSummary .header{
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0 5px;
}

div.medals span {
	display: inline-block;
	width: 35px;
	height: 45px;
	margin-left: 10px;
	line-height: 35px;
	text-align: center;
}

div.medals span.disabled { background-position: 0 -50px; color:#a0a095;}
div.medals span.bronze { background-image: url("/gfx/campaign/home/medal-bronze.png"); }
div.medals span.silver { background-image: url("/gfx/campaign/home/medal-silver.png"); }
div.medals span.gold { background-image: url("/gfx/campaign/home/medal-gold.png"); }
div.medals span.platinum { background-image: url("/gfx/campaign/home/medal-platinum.png"); }
div.medals span.diamond { background-image: url("/gfx/campaign/home/medal-diamond.png"); }
div.medals div.points { margin: 0 0 10px 10px; font-size: 20px; line-height: 24px;}

div.campaignActions { float: left; margin: 43px 0 0 34px; }
div.campaignActions div.logMiles, div.campaignActions div.action-link { display: block; width: 223px; height: 26px; line-height: 26px; font-size: 18px; text-transform: uppercase; text-align: center; color: white; background: url("/gfx/campaign/home/logmiles-button.png") no-repeat scroll 0px 0px transparent; }
div.campaignActions div.logMiles:hover, div.campaignActions div.action-link:hover { background-position: 0 -28px; }

.milesCalendar { float:left; overflow: hidden; width: 152px; height: 135px; margin-left: 15px; background: url("/gfx/campaign/home/calendar.png") no-repeat scroll 0 0 transparent; }
.milesCalendar .label { text-transform: uppercase; text-align: center; margin-top: 43px; font-size: 20px; }
.milesCalendar .value { text-align: center; margin-top: 31px; font-size: 26px; }
.milesCalendar .unit { text-align: center; margin-top: 10px; }

.whatsNext {
	float: left;
	margin-left: 36px;
	margin-top: 15px;
	width: 240px;
	overflow: hidden;
}

.whatsNext .header{
	text-transform: uppercase;
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 10px;
	color: #87aa14;
}

.shareOnFB {
	background: url("/gfx/buttons/FacebookIcon.png") no-repeat scroll 0 0 transparent;
	width: 33px;
	height: 33px;
	margin-top: 10px;
}

.peopleJoinedHeader {
	font-weight: bold;
	font-size: 14px;
}

.peopleJoined {
	margin: 10px; 
	padding: 10px; 
	background-color: #f0f0eb; 
	float: left; 
	width: 260px; 
	height: 75px; 
	overflow:hidden;
}

.peopleJoinedContent{
	float:left; 
	margin-left: 10px; 
	width: 175px; 
	overflow:hidden; 
	line-height: 25px; 
	height: 75px;
}

.sampleEmployeeEmail {
	margin: 45px 75px;
	padding: 15px;
	border: 1px solid #CDCDC5;
}

.sampleEmployeeEmail span{
	background-color: yellow;
	font-weight: bold;
}

.sampleEmployeeEmail p{
		margin-bottom: 10px;
}

.sampleEmployeeEmail a{
	color: blue;
}

.sampleEmployeeEmail ul{
	margin-left: 40px;
	margin-bottom: 5px;
}

.sampleEmployeeEmail ul li{
	line-height: 16px;
}

.campaignStandardMargin{
	margin: 45px 75px;	
}

.campaignDoc ul{
	line-height: 16px;
	list-style: disc outside none;
	margin:5px 15px;
}

.campaignDoc ol{
	line-height: 16px;
	list-style: disc outside none;
}

.campaignDoc li{
	margin:5px 35px;
}

.campaignDoc a{
	color: inherit;
	text-decoration: inherit;
}

/*-------------------------------------------------------------------------*/
/* Campaign V2 - leaderboard                                                  */
/*-------------------------------------------------------------------------*/

.preStartPanel {
	margin-top: 25px;
	font-weight: bold;
	padding: 5px;
	color:#f8f8f8;
	background-color: #87aa14;
}

.dataMissing {
	margin-top: 25px;	
}

table.winners th,
table.winners td{
	padding-left: 10px;
}

/*-------------------------------------------------------------------------*/
/* Campaign V2 - sponsors                                                  */
/*-------------------------------------------------------------------------*/

.sponsorItem { margin: 5px 0; }
.sponsorItem .sponsorLogo { float:left; width:150px; text-align:center; }
.sponsorItem .sponsorLogo img { max-width:150px; max-height:150px; }
.sponsorItem .sponsorName { float:left; font-size: 15px; line-height: 16px; }

/*-------------------------------------------------------------------------*/
/* Campaign V2 - centralized layout and campaign v2 overrides              */
/*-------------------------------------------------------------------------*/

.campaignHeader .logo {	float:right; display: block; width:176px; height:49px; background: url("/gfx/topmenu/endologo.png") no-repeat scroll right center transparent; }
.campaignHeader .signInOut { float:left; }
.campaignHeader .signInOut .personalPanel { float:left; margin-top:18px; margin-left:62px;}
#header .headerRightContent .campaignHeader .enterSite { margin-top: 7px; width:100px; }
#header .headerRightContent .campaignHeader .enterSite .fbSignInButton { margin-bottom: 5px; }
#campaignpage-v2 #footer { display:none; }
#campaignpage-v2 #inner { margin-bottom: 20px; }
#campaignpage-v2 #lowerMain .standardMargin { margin-left: 45px; }
#campaignpage-v2 .personalRanking { display:none; }

#campaignpage-v2 { background: url("/gfx/campaign/background_gradient.png") repeat-x scroll 0 0 transparent; }
#campaignpage-v2 #upperSection { background: none repeat scroll 0 0 transparent; }
#campaignpage-v2 .upperMain .innerContent{ margin:0 0 0 0; overflow:hidden; position:relative;}
#campaignpage-v2 .mainContent { margin-right: 0; }
#campaignpage-v2 #upperSection .sidebar { display: none; }
#campaignpage-v2 #lowerSection { background-color: white; }
#campaignpage-v2 #lowerSection #lowerSidebar { display: none; }
#campaignpage-v2 #footer_wrap { padding: 0; }
#campaignpage-v2 #footer_content { margin-right: 0; border-top: 5px solid #87aa14; }
#campaignpage-v2 .green_bar { display: none; }
#campaignpage-v2 .gray_bg_color { background: none repeat scroll 0 0 #FFFFFF; }
#campaignpage-v2 .personalPanel table { width: 210px; }
#campaignpage-v2 .signInOutPanel.first { padding: 0; margin-left: 25px; }
#campaignpage-v2 .menu ul { display:inline; }
#campaignpage-v2 .menu li { float:left; position:relative; margin:0 25px 0 0; font-size: 18px; }
#campaignpage-v2 .menu a { white-space:nowrap; display:inline-block; text-transform:uppercase; color:#000000; }
#campaignpage-v2 .menu a:hover { background-color: #f8f8f8; }
#campaignpage-v2 .menu .mainItem { text-transform: uppercase; color:#000000; }
#campaignpage-v2 .menu .mainItem:hover { background-color: #f8f8f8; }
#campaignpage-v2 .menu .ddMenu { position:absolute; display:none; z-index: 100; padding: 0 10px; line-height: 30px; background-color: #F0F0EB; border: 1px solid #CDCDC5; }
#campaignpage-v2 .menu .subItem a { text-transform: none; font-size:14px; color:#333330; }
#campaignpage-v2 ul.list li.item.comment .row { background-color: transparent; border-bottom: 1px solid #CDCDC5;}
#campaignpage-v2 form.comment-form textarea.inputField { background-color: transparent; width: 424px; border: 1px solid #CDCDC5;}
#campaignpage-v2 .campaignDiscussions { padding-right: 40px; }
#campaignpage-v2 div.ranking div.chart div.chart-row .y-axis-area { width: 300px; }
#campaignpage-v2 div.ranking div.chart div.chart-row div.bar { width: 265px; }
#campaignpage-v2 div.ranking div.chart div.chart-row .y-axis-area .y-axis-content .name { width: 200px; }

/*-------------------------------------------------------------------------*/
/* box shadows                                                             */
/*-------------------------------------------------------------------------*/

.bottom-shadow {
	border: none;
	padding-bottom: 5px;
	background:transparent url('/gfx/bottom_shadow.png') repeat-x bottom left;
}

.boxshadow.generatedcontent .bottom-shadow {
	margin-bottom: 20px;
	background:#fff;
	position: relative;
}

.boxshadow.generatedcontent .bottom-shadow:before,
.boxshadow.generatedcontent .bottom-shadow:after {
	content:"";
	position:absolute;
	z-index:-2;
}

.boxshadow.generatedcontent .bottom-shadow:before {
	top: 50%;
	right: 5px;
	bottom: 0px;
	left: 5px;
	box-shadow: 0px 0px 5px 0px #e1e2e3;
		-moz-box-shadow: 0px 0px 5px 0px #e1e2e3;
			-webkit-box-shadow: 0px 0px 8px 0px #e1e2e3;
}

.bottom-right-shadow {
	box-shadow: 2px 2px 5px 0px #e1e2e3;
		-moz-box-shadow: 2px 2px 5px 0px #e1e2e3;
			-webkit-box-shadow: 2px 2px 10px 0px #e1e2e3;
	behavior: url('/PIE.htc');
}

/*-------------------------------------------------------------------------*/
/* tabs                                                                    */
/*-------------------------------------------------------------------------*/

.side-tabs .tab-row {
	float: left;
}

.side-tabs .tab-row ul {
	font-size: 11px;
	text-align: center;
	border-right: 1px solid #D7D7D7;
}

.side-tabs .tab-row ul li {
	border-left: 1px solid transparent;
}

.side-tabs .tab-row ul li a {
	display: block;
	color: #B1B1B1;
	font-weight: bold;
}

.side-tabs .tab-row ul li:hover a,
.side-tabs .tab-row ul li.selected a {
	color: #87AA14;
}

.side-tabs .tab-row ul li.selected {
	position: relative;
}

.side-tabs .tab-row ul li.selected:before,
.side-tabs .tab-row ul li.selected:after {
    content: "";
  	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	right: -1px;
}

.side-tabs .tab-row ul li.selected:before {
  border-color: transparent #D7D7D7 transparent transparent;
  border-width: 6px;
  top: 17px;
}

.side-tabs .tab-row ul li.selected:after {
  border-color: transparent #FFFFFF transparent transparent;
  border-width: 5px;
  top: 18px;
}

a .delete-button{
	display:inline-block;
	width: 8px;
	height: 8px;
	background: url('/gfx/buttons/SmallDeleteButton.png') no-repeat scroll 0 0 transparent;
}

a:hover .delete-button{
	background-position: 0 -21px;
}

#workout-widget-page #mapGeoSearch {
	display: none;
}

#lightboxContainer #lightbox div.deleteComment {
	width: 330px;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
}

#lightboxContainer #lightbox div.deleteComment div.buttons {
	height: 100%;
}

#lightboxContainer #lightbox div.deleteComment div.buttons > *{
	position: relative;
	top: 80px;
}

.pages-admin table.commonTable td,
.campaign-admin table.commonTable td {
	padding-right: 10px;
}

.pages-admin table.commonTable th{
	font-weight: bold;
	border-bottom: 1px solid gray;
}

.pages-admin .feedback{
	color: red;
	font-weight: bold;
	line-height: 16px;
}

.pages-admin .delete-link,
.campaign-admin .delete-link {
	cursor: pointer;
	width:16px;
	height:16px;
	display:inline-block;
	background: url('/gfx/buttons/minus.png') no-repeat scroll -16px 0 transparent;
	overflow:hidden;
}

.pages-admin .delete-link:hover,
.campaign-admin .delete-link:hover {
	background-position: 0 0;
}

.campaign-admin div.action {
	margin-bottom: 15px;
}

.campaign-admin .drawingHeader{
	clear:both; margin-bottom:10px; padding:5px 2px; font-weight:bold; background-color:#cdcdc5; min-width:567px;
}

.campaign-admin .winner-check{
	float:left; overflow:hidden; padding:3px 10px 3px 0; width:16px;	
}

.campaign-admin .winner-name{
	float:left; overflow:hidden; padding:3px 10px 3px 0; width:190px;	
}

.campaign-admin .winner-email{
	float:left; overflow:hidden; padding:3px 10px 3px 0; width:190px;	
}

.campaign-admin .winner-age{
	float:left; overflow:hidden; padding:3px 10px 3px 0; width:16px;	
}

.campaign-admin .winner-country{
	float:left; overflow:hidden; padding:3px 10px 3px 0; width:45px;	
}

.campaign-admin .winner-points{
	float:left; overflow:hidden; padding:3px 10px 3px 0; width:50px;	
}

.workoutlistpagepromo {
	font-family: 'Roboto', sans-serif;
	padding: 12px 12px;
	background: #e45656 !important;
	background-color: #e45656;
	z-index: 999;
	-webkit-font-smoothing: antialiased;
	display: inline-block;		
	white-space: nowrap;
	font-size: 14px;
	border-radius: 3px;
	border: 1px solid #b22027;
}

.workoutlistpagepromo .firstline {
	font-size: 14px;
	color: #ffffff;
	white-space:normal;
	width: 750px;
	display: inline-block;
}

.workoutlistpagepromo .secondline {
	font-size: 11px;
	color: #ffffff;
}

.workoutlistpagepromoSwitchbutton{
	white-space: nowrap;
	padding: 10px 40px 10px 40px; 
	display: block; 
	background: #b22027; 
	color: #ffffff; 
	font-family: Helvetica Neue, Arial, sans-serif; 
	font-size: 15px; 
	line-height: 15px; 
	text-decoration: none; 
	border-collapse: collapse; 
	border-color: #b22027; 
	border-style: 1px solid; 
	border-radius: 5px;
	border: 1px solid #b22027;
}

.promobox {
	font-family: 'Roboto', sans-serif;
	padding: 12px 12px;
	background: #d4eff6 !important;
	background-color: #94d8e8;
	z-index: 999;
	-webkit-font-smoothing: antialiased;
	display: inline-block;		
	white-space: nowrap;
	font-size: 14px;
	border-radius: 3px;
	border: 1px solid #4dbfd9;
}

.promobox .firstline {
	font-size: 14px;
	color: #1c91c0;
	white-space:normal;
	width: 690px;
	display: inline-block;
}

.promobox .secondline {
	font-size: 11px;
	color: #4dbfd9;
	text-transform:uppercase;
}


.promobox .switch{
	white-space: nowrap;
	padding: 10px 40px 10px 40px; 
	display: block; 
	background: #1c91c0; 
	color: #ffffff; 
	font-family: Helvetica Neue, Arial, sans-serif; 
	font-size: 15px; 
	line-height: 15px; 
	text-decoration: none; 
	border-collapse: collapse; 
	border-color: #82a313; 
	border-style: 1px solid; 
	border-radius: 5px;
	border: 1px solid #187ca4;
}