.runkeeper .profile #goalsWrapper {   
   width: 740px;   
   margin-bottom: 30px;
   padding-bottom: 30px;
   border-bottom: 1px solid #CCC;
}

.runkeeper #curGoalOuterContainer
{
   white-space: nowrap;
   overflow: hidden;
   padding-top:5px;
}

.runkeeper .profile #goalsWrapper #goalUpperBox
{
   width:740px;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox
{
   margin:30px 0;   
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsComments
{
   width:409px;
   border-right: 1px solid #CCC;
   float: left;
   margin-right: 20px;
   min-height:109px;
}
.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsComments .comments
{
   position: relative;
   width: 389px;
   margin: 0;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsComments .comments .threadcontainer
{
   margin: 0 0 5px 0;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsComments .comments .threadcontainer .thread .comment .commentscontainer .body {
   width: 331px;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsComments .comments textarea
{
   width: 327px;
   margin: 0 0 5px;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsComments h2
{
   padding-bottom: 3px;
   border-bottom: 1px solid #CCC;
   margin-bottom: 8px;
   width: 389px;
   font-weight: bold;
   font-size: 16px;
   text-align: left;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsSocial
{
   width:300px;    
   float:left;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsSocial .rkp_healthy
{
   height: 36px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsSocial .rkp_healthy .rkp_text
{
   font-size: 16px;
   padding-right: 8px;
   top: 9px;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsSocial .rkp_healthy .rkp_icon
{
   width: 30px;
   background: none;
   font-family: runkeeper;
   font-size: 18px;
   background: url(../images/goals/icon-heart-large.png) no-repeat 0 0;
   height: 20px;
   top: 7px;
   left: 7px;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsSocial .rkp_healthyButton.active .rkp_healthy .rkp_icon
{
   background: url(../images/goals/icon-heart-large.png) no-repeat 0 -20px;
   top: 8px;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsSocial .rkp_healthyButton
{
   height: 38px;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #goalheader
{
   width:740px; 
   position: relative;    
}

.runkeeper .profile #goalsWrapper #goalUpperBox #goalheader div a
{
   color: #1877BB;
   font-size:12px;
   font-weight:bold;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #goalheader #nextGoalTitle
{
   position: absolute;
   top:11px;
   right: 0;
   width:200px;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #goalheader #prevGoalTitle
{
   position: absolute;
   top: 11px;
   left: 0;
   width:200px;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #goalheader #currentGoalTitle
{
   text-align:center;
   font-weight:bold;
   font-size:18px;
   width:740px;
   margin-bottom: 10px;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #goalheader #currentGoalTitle .goalTitleText
{
   padding: 8px 8px 8px 8px;
   margin: 0 auto;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea #graphArea #deleteGoal
{   
   margin-left: 5px;
   cursor: pointer;
   color: #666;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   position: absolute;
   height: 15px;
   width: 15px;
   top: 13px;
   right: 6px;
   line-height: 100%;
   margin-top: -7px;
   padding: 1px 2px 4px 3px;
   font-size: 13px;
   font-weight: normal;
   z-index: 10;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea #graphArea #deleteGoal:hover
{   
   background: #666;
   color: #DDD;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea
{
   width:740px;   
}

.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea #titleBar
{
   text-shadow: 0 -1px 0 #000;      
   height:30px;
   width:740px;
   color:white;
   font-weight:bold;
   font-size:18px;
   text-align:center;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea #graphArea
{
   width:740px;
   background: rgb(20,20,20); /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: -moz-linear-gradient(-80deg,  rgba(26,26,26,1) 0%, rgba(45,45,45,1) 18%, rgba(60,60,60,1) 50%, rgba(38,38,38,1) 92%, rgba(18,18,18,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, 40% 0%, 40% 0%, color-stop(0%,rgba(26,26,26,1)), 12%,rgba(45,45,45,1)), color-stop(50%,rgba(60,60,60,1)), color-stop(92%,rgba(38,38,38,1)), color-stop(100%,rgba(18,18,18,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(-80deg, rgba(26,26,26,1) 0%,rgba(45,45,45,1) 12%,rgba(60,60,60,1) 50%,rgba(38,38,38,1) 92%,rgba(18,18,18,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(-80deg, rgba(26,26,26,1) 0%,rgba(45,45,45,1) 12%,rgba(60,60,60,1) 50%,rgba(38,38,38,1) 92%,rgba(18,18,18,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(-80deg, rgba(26,26,26,1) 0%,rgba(45,45,45,1) 12%,rgba(60,60,60,1) 50%,rgba(38,38,38,1) 92%,rgba(18,18,18,1) 100%); /* IE10+ */
   background: linear-gradient(-80deg, rgba(26,26,26,1) 0%,rgba(45,45,45,1) 12%,rgba(60,60,60,1) 50%,rgba(38,38,38,1) 92%,rgba(18,18,18,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#0a0a0a',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
   -webkit-box-shadow: inset 2px 2px 10px 3px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: inset 2px 2px 10px 3px rgba(0, 0, 0, 0.5);
   box-shadow: inset 2px 2px 10px 3px rgba(0, 0, 0, 0.5);
   position: relative;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea #graphArea .chartBox
{
   width: 740px;
   float: left;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea #graphArea svg g text
{
   text-shadow: 0 1px 0 #FFF;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea #graphArea svg g.highcharts-axis text
{
   text-shadow: none;
}

/*
If this width is adjusted you will have to adjust the associated js that resizes the graph manually
*/
.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea #graphArea .chartBox.tripDistance,
.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea #graphArea .chartBox.weight,
.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea #graphArea .chartBox.area
{
   width: 650px;
   height: 250px;
   float: left;   
   margin: 10px 0 10px 10px;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea .topText
{
   color:white;
   text-align:center;
   font-size:25px;
   font-weight:bold;
   padding-top:25px;  
}
.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea .middleButton
{
   text-align: center;
   width: 100%;
   height: 30px;
}
.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea .middleButton .createGoalButton,
.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea .middleButton .joinRaceButton
{
   margin: 20px auto 0;
   width: 300px;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea .middleButton .createGoalButton .blueButton-large,
.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea .middleButton .joinRaceButton .blueButton-large
{
   float: none;
}

.runkeeper .profile #goalsWrapper #goalUpperBox #curGoalArea .bottomText
{
   color:white;
   text-align:center;
   font-size:14px;
   padding-top:25px;
}
.runkeeper .profile #goalsWrapper #curGoalArea #completionData .completionGraphOuter
{
   height: 39px;
   width: 711px;
   position: absolute;
   left: 13px;
   -webkit-box-shadow: inset 1px 1px 6px 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: inset 1px 1px 6px 1px rgba(0, 0, 0, 0.3);
   box-shadow: inset 1px 1px 6px 1px rgba(0, 0, 0, 0.3);
}
.runkeeper .profile #goalsWrapper #curGoalArea #completionData .completionGraphInner
{
   background: #2C5DAA;
   background-image: -moz-linear-gradient(top, #1F82C5, #253A7B);
   background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #1F82C5), color-stop(1, #253A7B));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1F82C5', EndColorStr='#253A7B')";
   height:39px;
   float: left;
}

.runkeeper .profile #goalsWrapper #curGoalArea #completionData .completionTextBox
{
   position: relative;
   top: 12px;
   float: left;
   font-size: 12px;
}

.runkeeper .profile #goalsWrapper #curGoalArea #completionData .completionTextBox.left
{
   position: absolute;
   top: 12px;
   font-size: 12px;
   color: #FFF;
   text-shadow: 0 -1px 0 #000;
}

.runkeeper .profile #goalsWrapper #curGoalArea #completionData .completionTextBox.left .rkicon.arrow
{
   color: #FFF;
   text-shadow: 0 -1px 0 #000;
}

.runkeeper .profile #goalsWrapper #curGoalArea #completionData .completionTextBox .rkicon.arrow
{
   padding-right: 6px;
   font-size: 10px;
   position: relative;
   top: -1px;
   color: #000;
}

.runkeeper .profile #goalsWrapper #curGoalArea #completionData .rkicon
{
   padding-left: 6px;
   font-size: 24px;
   position: relative;
   top: 2px;
   color: #666;
   float: left;
}

.runkeeper .profile  #goalsWrapper #goalsBottomBox #goalsSocial .supportersAction
{
   font-size: 12px;
   font-weight: bold;
}

.runkeeper .profile  #goalsWrapper #goalsBottomBox #goalsSocial #supportersSection
{
   margin-top:15px;
}

.runkeeper .profile  #goalsWrapper #goalsBottomBox #goalsSocial #supportersSection .facepile .userGrid
{
   width: 300px;
   margin-bottom: 15px;
}

.runkeeper .profile  #goalsWrapper #goalsBottomBox #goalsSocial #shareSection
{
   border-top: 1px solid #CCC;
   margin-top:15px;
   padding-top: 15px;
}

.runkeeper .profile  #goalsWrapper #goalsBottomBox #goalsSocial .sectionTitle
{
   font-size:13px;
   font-weight:bold;
   margin-bottom:8px;
}
.runkeeper .profile  #goalsWrapper #goalsBottomBox #goalsSocial .updatesButton
{
   font-size: 12px;
   font-weight: bold;
   border: 1px solid #CCC;
   padding: 10px;
   width: 288px;
}

.runkeeper .profile  #goalsWrapper #goalsBottomBox #goalsSocial .updatesButton .checker
{
   top: -4px;
}

.runkeeper .profile  #goalsWrapper #goalsBottomBox #goalsSocial .updatesButton .checker .checked .checker
{
   top: 0;
}

.runkeeper .widgetBox .goalSupporting
{
   color:black;
   border-bottom: 1px solid grey;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left:5px;
   padding-right:5px;
}
.runkeeper .widgetBox .goalSupporting .goalTitle
{
   font-size:12px;
   font-weight:bold;
}
.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsSocial .healthySection
{
   margin-bottom:15px
}
.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsSocial .healthySection .showSupport
{
   float: left;
   font-weight: bold;
   position: relative;
   top: 11px;
   margin-left: 5px;
   width: 185px;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsSocial .healthySection .showSupport .rkicon
{
   font-size: 10px;
   position: relative;
   top: -2px;
   margin-right: 6px;
}

.runkeeper .profile #goalsWrapper #goalsBottomBox #goalsSocial .healthySection .rk-healthy
{
   float: left;
}

.runkeeper #ShareSection .socialsharing .sharebox .service {
   margin-left: 5px;
}

.runkeeper #ShareSection .socialsharing .shareBoxContainer {
   width: 149px;
}

.runkeeper #goalSClbStorage .title
{
   text-align: center;
   font-size: 18px;
   margin-top: 20px;
}

.runkeeper #goalSClbStorage .inlineOption
{
   width: 240px;
   margin: 20px auto 20px;
}

.runkeeper #goalSClbStorage .inlineOption label
{
   position: relative;
   top: 5px;
}

.runkeeper #goalslbContents h6
{
   color:red;   
}

.runkeeper #goalSClbStorage #ShareSection
{
   margin-left:auto;
   margin-right:auto;   
   width: 210px;
}
.runkeeper #goalSClbStorage #ShareSection .shareBoxContainer
{
   width:150px;
}

.runkeeper #goalSClbStorage .doneButton
{
   margin: 20px auto;
   width: 70px;
}


.runkeeper #loginlbStorage .logoBackground
{
   background: rgb(60,60,60); /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(60,60,60,1) 0%, rgba(8,8,8,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(8,8,8,1)), color-stop(100%,rgba(63,63,63,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(8,8,8,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(8,8,8,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(8,8,8,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(60,60,60,1) 0%,rgba(8,8,8,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#080808',GradientType=0 ); /* IE6-8 */
	text-align: center;
}
.runkeeper #loginlbStorage .logoBackground img
{
   height: 84px;
   width: 300px;
   margin: 12px auto;
}

.runkeeper .profile #goalsWrapper #curGoalArea #graphArea .raceInfo
{
   color:white;
   margin-left:30px;
   padding:35px 0;
   width: 280px;
}

.runkeeper .profile #goalsWrapper #curGoalArea #graphArea .raceInfo .upperText
{
   font-size:16px;
   padding-bottom: 15px;
   color: #CCC;
}

.runkeeper .profile #goalsWrapper #curGoalArea #graphArea .raceInfo img
{
   width:100px;
   float:left;   
}

.runkeeper .profile #goalsWrapper #curGoalArea #graphArea .raceInfo .raceName
{
   font-weight:bold;
   font-size:18px;
   margin-left: 113px;
   text-shadow: 1px 1px 3px #000;
   width: 167px;
   word-wrap: break-word;
   white-space: normal;
}

.runkeeper .profile #goalsWrapper #curGoalArea #graphArea .raceInfo .raceDetails
{
   width: 280px;
   word-wrap: break-word;
}

.runkeeper .profile #goalsWrapper #curGoalArea #graphArea .raceInfo .raceDate
{
   color:#BBB;
   font-size:14px;
   margin: 10px 0 0 113px;
}
.runkeeper .profile #goalsWrapper #curGoalArea #graphArea .raceInfo .racePageButton
{
   margin: 10px 0 0 110px;
}

.runkeeper .profile #goalsWrapper #curGoalArea #graphArea .raceInfo .racePageButton .blueButton-small
{
   float: none;
   width: 110px;
}

.runkeeper .replacableInnerContainer.slideFromLeft {
   float: right;
   left: -750px;
 }
.runkeeper .replacableInnerContainer.slideFromRight {
   float: right;
   left: 750px;
}

.runkeeper .replacableInnerContainer
{
   position: relative;
   display: inline-block;   
}

.runkeeper #pastGoallbContents #graphArea .chartBox
{
   width: 750px;
   height: 250px;  
}

.runkeeper #completionData {
   position: relative;
   border: 1px solid #CCC;
   height: 39px;
}

.runkeeper #completionData {
   position: relative;
   border: 1px solid #CCC;
   border-top: none;
   height: 39px;
}

.runkeeper #completionData .startLine {
   background: url(../images/startLine.jpg) no-repeat 0 0;
   height: 39px;
   width: 13px;
   position: absolute;
   top: 0;
   left: 0;
}

.runkeeper #completionData .finishLine {
   background: url(../images/finishLine.jpg) no-repeat 0 0;
   height: 39px;
   width: 13px;
   position: absolute;
   top: 0;
   right: 0;
   border-left: 1px solid #CCC;
}



/*
If this width is adjusted you will have to adjust the associated js that resizes the graph manually
*/
.runkeeper #pastGoallbContents #graphArea .chartBox.tripDistance
{
   height:250px;
   width:675px;
}

/*Goals achieved */
.runkeeper .goalListWidget .listItem.collapsed,
.runkeeper .goalListWidget .divider.collapsed
{
   display:none;
}
.runkeeper #goalsAchieved
{
   margin-bottom:25px;
}
.runkeeper #goalsAchieved .listItem .goalCompletedIcon
{
   background: url(../images/goals/icon-heart-large.png) no-repeat 0 -20px;
   height: 20px;
   float: left;
   width: 20px;
   margin-right: 5px;
   margin-top: 5px;
}

.runkeeper #goalsAchieved .listItem .goalText
{
   margin: 0 20px 0 30px;
}

.runkeeper #goalsAchieved .listItem .completedText
{
   font-size: 11px;
   font-weight: normal;
   color: #A5A7A7;
   margin-top: 6px;
   margin-left: 30px;
}

.runkeeper #goalsAchieved .deleteAchieved
{
   
   margin-left: 5px;
   cursor: pointer;
   color: #666;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   position: absolute;
   height: 15px;
   width: 15px;
   top: 13px;
   right: 6px;
   line-height: 100%;
   margin-top: -7px;
   padding: 1px 2px 4px 3px;
   font-size: 13px;
   font-weight: normal;
   z-index: 10;
}


.runkeeper #goalsAchieved .deleteAchieved:hover
{   
   background: #666;
   color: #DDD;
}

.runkeeper #goalsAchieved .deleteAchieved a
{
   color: #666;  
}

.runkeeper #goalsAchieved .deleteAchieved a:hover
{   
   color: #DDD;
}


.runkeeper #goalsSupporting
{
   margin-bottom:25px;
}

.runkeeper .goalListWidget .title .rkicon
{   
   float:left;
   width:10px;
   height:10px;
   margin-right:8px;
   position: relative;
   top: -1px;
}

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

.runkeeper #goalsSupporting .goalTitle
{   
   line-height: 130%;
   margin-left: 60px;
}

.runkeeper #goalsSupporting .by
{   
   font-size: 11px;
   color: #A5A7A7;
   margin-top: 6px;
   margin-left: 60px;
}

.runkeeper #goalsSupporting .goalSupporting .avatarcontainer
{
   width: 25px;
   height: 40px;
   float: left;
   margin-right: 10px;
   margin-top: 5px;
}

.runkeeper #goalCreationWidgetSpinner.spinner
{
   width:615px;
   height:550px;
}

.runkeeper #inviteSupportersNextButton
{
   margin-right:20px;
}

.runkeeper .inviteSupportersWidgetBackButton
{
   margin-left: 20px;
   margin-top: 10px;
   float: left;
}

.runkeeper .emailTagEntryContainer .button
{
   float:left;
}

.runkeeper #goalBox .noGoal
{
   height: 175px;
}

.runkeeper #goalsComments .commentsContainer .body
{
   float:none;
   margin-left: 38px;
}

.runkeeper #goalSClbContents .socialSharing
{
   margin-left:40px;
}

.runkeeper #goalSClbContents #nonTeammateSupportLB
{
   margin-left:15px;
   margin-top:20px;
}

.runkeeper #profileStatsReports .rkicon
{      
   margin-bottom: 10px;
   margin-top: -10px;
}

.runkeeper .hideGoalText
{
   color: #777;
   padding-bottom: 35px;
   text-align: center;
   font-size: 11px;
}

.runkeeper .deleteAchieved .rkicon.tiptip {
   position: relative;
   display: none;
}

.runkeeper #goalsAchieved .listContainer .listItem:hover .rkicon.tiptip {
   display: block;
   cursor: pointer;
}

.runkeeper #content.profile #goalsAchieved.listWidget .title {
   text-align: left;
}