/* reset */

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

/* remember to define focus styles! */
.runkeeper :focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
.runkeeper ins {
	text-decoration: none;
}
.runkeeper del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
.runkeeper table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* layout */

body.runkeeper {
	margin: 0;
	padding: 0;
	font-family: Helvetica Neue, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #111;
	font-weight: normal;
	height: 100%;
   background: #BBB;
}

html {
	height: 100%;
}

* html .runkeeper .container {
	height: 100%;
}

.runkeeper #container {
	position: relative;
	min-height: 100%;
   background: #BBB;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb));
   background: -moz-linear-gradient(-90deg, #ddd, #bbb);
}

.runkeeper #partnerHeader {
	background: url(../../images/partner/header-bg.png) repeat-x 0 0;
	height: 50px;
	width: 100%;
}

.runkeeper #partnerHeader .divider {
	background: #444;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565656), to(#0A0A0A), color-stop(0.50, #666));
	background: -moz-linear-gradient(-90deg, #565656, #666666 50%, #0A0A0A);
	height: 40px;
	width: 1px;
	float: left;
	clear: none;
}  
   
.runkeeper #partnerHeader .divider.right {
	float: right;
}

.runkeeper #main {
	width: 100%;
	margin-top: 30px;
}

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

.runkeeper #main .content {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0px 1px 7px #666;
	-webkit-box-shadow: 0px 1px 7px #666;
	-moz-box-shadow: 0px 1px 7px #666;
	background: #EEE;
	min-height: 400px;
}

.runkeeper #siteLogoContainer {
	position: relative;
	left: -2px;
	top: -8px;
	float: left;
	width: 232px;
	height: 50px;
}

.runkeeper #siteLogoContainer h1 {
   border: 0;
   width: 232px;
}

.runkeeper #siteLogoContainer #siteLogo {
   display: block;
   top: 7px;
   left: 0px;
   width: 232px;
   height: 46px;
   background: url(../../images/partner/logo.png) center center no-repeat;
   text-indent: -10000px;      
}

.runkeeper #siteLogoContainer #siteLogo img {
   width: 232px;
   height: 46px;   
}

.runkeeper #mainNavContainer {
	position: relative;
	float: left;
	width: 500px;
	height: 50px;
}

.runkeeper #mainNavContainer li {
	position: relative;
	float: left;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 11px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	margin: 7px 0 0 10px;
	text-shadow: 0 0 2px #000;
}

.runkeeper #mainNavContainer li:first-child {
	margin-left: 10px;
}

.runkeeper #mainNavContainer li:hover {
	background: #666;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#666));
	background: -moz-linear-gradient(-90deg, #999, #666);
	border: 1px solid #444;
	padding: 4px 10px;
}

.runkeeper #mainNavContainer li.selected {
	background: #666;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#666));
	background: -moz-linear-gradient(-90deg, #444, #666);
	font-weight: bold;
	border: 1px solid #444;
	padding: 4px 10px 4px;
}

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

.runkeeper #mainNavContainer li:hover a {
	color: #FFF;
	text-decoration: none;
}

.runkeeper #mainNavContainer li.selected a {
	color: #FFF;
}

.runkeeper #mainNavContainer li.selected:hover a {
   color: #FFF;               
}

.runkeeper #userInfoContainer {
	position: relative;
	float: right;
	max-width: 235px; 
	height: 50px;
}

.runkeeper #userInfoContainer .portalAvatar {
	float: left;
	margin: 4px 5px; 
	width: 30px;
	height: 30px;
	background: #666;
}

.runkeeper #userInfoContainer .portalAvatar .pictureSettingsBox {
   display: none;
}

.runkeeper #userInfoContainer .portalAvatar img {
   width: 30px;
   height: 30px;
}   

.runkeeper #userInfoContainer .infoContent {
	float: left;
	max-width: 185px;
	margin: 4px 10px 4px 0;
}

.runkeeper #userInfoContainer .infoContent .fullname {
	font-weight: bold;
	color: #FFF;
	text-shadow: 0 0 1px #000;
	font-size: 14px;
	float: left;
}

.runkeeper #userInfoContainer .infoContent .actions {
	font-weight: normal;
	color: #FFF;
	text-shadow: 0 0 1px #000;
	font-size: 11px;
	position: relative;
	top: 3px;
	float: left;
}

.runkeeper #userInfoContainer .infoContent .actions a {
	font-weight: normal;
	color: #DDD;
	text-decoration: none;
}

.runkeeper #userInfoContainer .infoContent .actions a:hover {
	color: #FFF;
}

.runkeeper .content #leftColumn {
	width: 230px;
	position: relative;
	margin-right: 0px;
	float: left;
	overflow: hidden;
}

.runkeeper #leftColumn .content {
	position: relative;
}

.runkeeper #leftColumnHeaderContainer {
	width: 200px;
	padding: 15px;
}

.runkeeper #leftColumnHeaderContainer .icon {
	width: 30px;
	height: 30px;
	float: left;
	background: #CCC;
	margin-right: 10px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;   
}

.runkeeper #leftColumnHeaderContainer .icon img {
   width: 30px;
   height: 30px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;   
}

.runkeeper #leftColumnHeaderContainer .title {
	width: 160px;
	float: left;
	font-size: 24px;
	font-weight: 100;
	font-color: #333;
	position: relative;
	top: 2px;
}

.runkeeper #leftColumnNavContainer {
	width: 230px;
	margin: 0 0 10px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
}

.runkeeper #leftColumnNavContainer .navItem {
	padding: 10px 15px;
	display: block;
	position: relative;
	z-index: 0;
	color: #333;
	font-weight: 100;
	font-size: 16px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
}

.runkeeper #leftColumnNavContainer .navItem:hover {
	cursor: pointer;
	background: #ddd;
	color: #000;
}

.runkeeper #leftColumnNavContainer .navItem:active {
	background: #CCC;
	color: #333;
}

.runkeeper #leftColumnNavContainer .navItem.selected {
	background: #fff;
	font-weight: 500;
	box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	z-index: 2;
}

.runkeeper #leftColumnNavContainer .navItem a {
	color: #000;
}

.runkeeper #leftColumnNavContainer .divider {
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CCC;
	width: 210px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	height: 0px;
}

.runkeeper .content #mainColumn {
	width: 700px;
	padding: 20px;
	float: left; 
	position: relative;
	background: #FFF;
	border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	box-shadow: -3px 0 5px #999;
	-moz-box-shadow: -3px 0 5px #999;
	-webkit-box-shadow: -3px 0 5px #999;
	min-height: 360px;
}
   
.runkeeper #partnerFooter {
   width: 100%;
   margin: 20px auto;
   font-size: 10pt;
   text-align: center;
   color: #333;
   font-weight: 200;
}

.runkeeper .clear {
	clear: both;
}

.runkeeper h1 {
	font-size: 24px;
	width: 700px;
	border-bottom: 1px solid #eee;
	padding-bottom: 6px;
	font-weight: 100;
}

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

.runkeeper #main .content.home {
   padding: 20px;
   background: #FFF;
}

.runkeeper #main .content #homeOverview {
   width: 538px;
   float: left; 
   margin-right: 30px;
}

.runkeeper #main .content #homeOptions {
   background: #EEE;
   border: 1px solid #d9d9db;
   padding: 10px 10px;
   width: 380px;
   float: left;
}

.runkeeper #main .content #homeOverview #homeOverviewHeader {
   position: relative;
   margin-bottom: 10px;
   font-size: 25px;
   font-weight: normal;
   color: gray;   
   text-align: left;
}

.runkeeper #main .content #homeOverview .divider {
   background: #CCC;
   height: 1px;
   margin-bottom: 20px;
   clear: none;
}

.runkeeper #main .content #homeOverview #homeOverviewGraphic {
   margin-bottom: 20px;
}

.runkeeper #main .content #homeOverview #homeOverviewContent {
   font-size: 18px;
   font-weight: normal;
   line-height: 25px;         
}

.runkeeper #main .content #homeOptions #homeOptionsHeader {
   position: relative;
   font-size: 25px;
   font-weight: normal;
   color: gray;   
   text-align: center;
   padding-bottom: 7px;
   border-bottom: 1px solid #CCC;
}

.runkeeper #main .content #homeOptions .divider {
   position: relative;
   background: #d9d9db;
   margin: 8px 0px;
   height: 1px;
   width: 380px;
   clear: none;      
}

.runkeeper #main .content #homeOptions .option {
   position: relative;
   margin: 0px;
   padding: 10px 5px;
   width: 370px;
   border-bottom: 1px solid #CCC;
}

.runkeeper #main .content #homeOptions .option:hover {
   cursor: pointer; 
   background: #DDD;
}

.runkeeper #main .content #homeOptions .option .optionIcon {
   float: left;
   width: 40px;
   height: 40px;        
   margin-right: 8px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;  
}

.runkeeper #main .content #homeOptions .option .optionIcon img {
   width: 40px;
   height: 40px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;  
}

.runkeeper #main .content #homeOptions .option .optionContentBox {
   margin-left: 50px;
}

.runkeeper #main .content #homeOptions .option .optionContentBox .optionHeader {
   font-size: 12pt;
   font-weight: 600;
   color: black;
   margin-bottom: .25em;
}

.runkeeper #main .content #homeOptions .option .optionContentBox .optionContent {
   font-size: 10pt;
   font-weight: 200;
   color: gray;
   line-height: 120%;
}

.runkeeper .content.races #mainColumn .breadcrumbs {
   font-size: 13px;
   font-weight: normal;
   color: gray;
   margin-top: 5px;
}

.runkeeper .content.races #mainColumn .breadcrumbs a {
   color: gray;
   text-decoration: none;
}

.runkeeper .content.races #mainColumn .breadcrumbs a:hover {
   color: #2A5DB0;
}

.runkeeper .content.races #mainColumn .breadcrumbs a.active {
   font-weight: bold;
}

.runkeeper .content #mainColumn .pageContent {
   font-size: 14px;
   font-weight: normal;
   line-height: 17px;
}

.runkeeper .content.races #mainColumn .pageContent.races.intro {
   margin-top: 15px;		
}

.runkeeper .content.races #mainColumn .pageContent.races.intro .section {
	font-size: 12px;
	font-weight: normal;	
	margin-bottom: 15px;
}

.runkeeper .content.races #mainColumn .pageContent.races.intro .section h1 {
	font-size: 15px;
	font-weight: bold;
	border: none;
}

.runkeeper .content.races #mainColumn .pageContent.races.intro .section p {
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
}

.runkeeper .content.races #mainColumn .pageContent.races.list {
   margin-top: 15px; 
}

.runkeeper .content.races #mainColumn .pageContent.races.list h2 {
   font-weight: bold;
   font-size: 14px;
   margin-top: 20px;
   margin-bottom: 10px;
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem {
   position: relative;
   width: 687px;
   height: 20px;
   margin-bottom: 4px;
   padding: 6px 5px 5px 8px;   
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem:hover {
   cursor: pointer;   
   background: #EEE;      
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem:active {  
   background: #CCC;      
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem:hover .raceName {  
   color: #2F8CCC;      
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem:active .raceName {  
   color: #19397F;      
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .raceName {
   font-weight: bold;
   color: #2A5DB0;
   float: left;
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .viewRaceHubLink {
   position: relative;
   float: right;
   display: none;
   margin-right: 15px;
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .viewRaceHubLink a {
   font-weight: normal;
   font-size: 11px;
   color: #2A5DB0;
   text-decoration: none;      
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .viewRaceHubLink a:hover {
   color: #2F8CCC;  
   text-decoration: underline; 
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .addRaceLink {
   position: relative;
   float: right;
   display: none;
   margin-right: 5px;
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .addRaceLink a {
   font-weight: normal;
   font-size: 11px;
   color: #2A5DB0;
   text-decoration: none;
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .addRaceLink a:hover {
   color: #2F8CCC;   
   text-decoration: underline; 
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .editRaceHubLink {
   position: relative;
   float: right;
   display: none;
   margin-right: 15px;
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .editRaceHubLink a {
   font-weight: normal;
   font-size: 11px;
   color: #2A5DB0;
   text-decoration: none;
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .editRaceHubLink a:hover {
   color: #2F8CCC;   
   text-decoration: underline; 
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .raceCategory {
   font-weight: bold;
   color: #2A5DB0;
   float: left;
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .raceDistance {
   font-weight: bold;
   color: #2A5DB0;
   float: left;
}

.runkeeper .content.races #mainColumn .pageContent .raceListItem .raceDate {
   font-weight: bold;
   color: #2A5DB0;
   float: left;
}

.runkeeper .content.races #mainColumn .pageContent.races.list {
   margin-top: 15px; 
}

.runkeeper .content.races #mainColumn .pageContent.races.list h2 {
   font-weight: bold;
   font-size: 14px;
   margin-top: 20px;
   margin-bottom: 10px;
}

.runkeeper .content.races #mainColumn .pageContent.races.list .raceResultsHeader span {
   color: #000;
   font-weight: bold;
}

.runkeeper .content.races #mainColumn .pageContent.races.list .raceResultsHeader span.success {
   color: green;
}

.runkeeper .content.races #mainColumn .pageContent.races.list .raceResultsHeader span.error {
   color: red;
}

.runkeeper .content.races #mainColumn .pageContent.races.list .raceResultsHeader a {
   color: #000;
   font-weight: bold;
   text-decoration: underline;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn {
   position: relative;
   float: left;
   width: 505px;
   margin-top: 20px; 
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn .header {
   position: relative;
   width: 100%;
   height: 30px;
   background: #EEE;
   font-size: 15px;
   font-weight: bold;
   color: black;
   margin-bottom: 10px;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn .header .label {
   position: absolute;
   top: 6px;
   left: 7px; 
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn .description {
   position: relative;
   width: 100%;
   font-size: 12px;
   font-weight: normal;
   margin-bottom: 20px;      
}

.runkeeper .content.races #noRaces {
	font-style: italic;
	color: #666;
	font-size: 18px;
	text-align: center;
}

.runkeeper #raceResultsUploadInstructions {
	position: relative;
	width: 600px;
}

.runkeeper #raceResultsUploadInstructions .header {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

.runkeeper #raceResultsUploadInstructions .contents {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

.runkeeper #raceResultsUploadInstructions .contents p {
	margin-bottom: 5px;	
}

.runkeeper #raceResultsUploadInstructions .contents .section .header {
	text-align: left;
	text-decoration: underline;
	margin-bottom: 2px;
}

.runkeeper #raceResultsUploadInstructions .contents .section .header.middle {
	margin-top: 5px;	
}

.runkeeper #raceResultsUploadInstructions .contents table#dataTypes {
	position: relative;
	width: 550px;
	margin: 20px auto 20px;
	border-collapse: collapse;
}

.runkeeper #raceResultsUploadInstructions .contents table#dataTypes thead {
	display: table-header-group;
}

.runkeeper #raceResultsUploadInstructions .contents table#dataTypes thead tr {
	display: table-row;
	height: 25px;
}

.runkeeper #raceResultsUploadInstructions .contents table#dataTypes thead th {
	border: 1px solid #CCC;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	white-space: nowrap; 	
	padding-left: 5px;
	padding-right: 5px;
}

.runkeeper #raceResultsUploadInstructions .contents table#dataTypes tbody {
	display: table-row-group;
}

.runkeeper #raceResultsUploadInstructions .contents table#dataTypes tbody tr {
	display: table-row;
	height: 25px;
}

.runkeeper #raceResultsUploadInstructions .contents table#dataTypes tbody td {
	font-weight: normal;
	font-size: 12px;
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #CCC;
}

.runkeeper #raceResultsUploadInstructions .contents table#dataTypes tbody td.dataType {
	white-space: nowrap;
	text-align: center;	
	width: 125px;
}

.runkeeper #raceResultsUploadInstructions .contents table#dataTypes tbody td.columnHeader {
	white-space: nowrap;	
	text-align: center;
	width: 125px;
}

.runkeeper #raceResultsUploadInstructions .contents table#dataTypes tbody td.description {
	text-align: left;	
}

.runkeeper #raceResultsUploadInstructions .divider {
	position: relative;
	background: #d9d9db;
	height: 1px;
	margin: 8px auto 8px;
	width: 90%;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadContainer {
   position:relative;
   float: left;
   font-size: 12px;
   margin-left: 95px; 
   text-align: left;     
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadContainer .uploader {
	margin-bottom: 5px;	
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #uploading {
   position: relative;
   float: left;
   top: 10px;
   height: 16px;
   width: 16px;
   border: 0;
   margin-left: 15px;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadStatus {
   position: relative;
   width: 100%;
   font-size: 11px;
   text-align: center;
   margin-bottom: 5px;
   font-weight: bold;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadStatus #status.success span {
   color: green;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadStatus #status.error span {
   color: red;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails {
   position: relative;
   display: none;
   width: 504px;
   font-size: 11px;
   font-weight: normal;
   color: #111;
   padding: 5px;
   border: 1px solid #EEE;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #showWarnings {
	text-decoration: underline;
   color: #2A5DB0;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #hideWarnings {
	text-decoration: underline;
   color: #2A5DB0;
	display: none;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #showWarnings:hover,
.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #hideWarnings:hover {
	position: relative;
	cursor: pointer;
	color: #2F8CCC; 
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #warnings {
	display: none;	
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #showErrors {
	text-decoration: underline;	
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #hideErrors {
	text-decoration: underline;
	display: none;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #showErrors:hover,
.content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #hideErrors:hover {
	position: relative;
	cursor: pointer;
	color: #2F8CCC; 
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #hideErrors {
	display: none;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #raceResultsUploadDetails #errors {
	display: none;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #featuredFitnessClassContainer {
   position: relative;
   left: 105px;
   font-size: 12px;
   margin-bottom: 30px;   
   text-align: left;
}

.runkeeper .content.races #mainColumn .pageContent #innerMainColumn #submitButton {
   float: right;
   margin-right: 20px;
   margin-bottom: 20px;      
}

.runkeeper .content.races #mainColumn .pageContent #innerRightColumn {
   position: relative;
   float: left;
   width: 180px;
   height: 400px;
   overflow: hidden;
   margin-top: 20px;
   margin-left: 15px;
}

.runkeeper .content.races #mainColumn .pageContent #innerRightColumn .divider {
   position: relative;
   background: #d9d9db;
   height: 1px;
   width: 100%;
   clear: none;      
}

.runkeeper .content.races #mainColumn .pageContent #innerRightColumn .menuItem {
   position: relative;
   height: 30px;
   width: 180px;    
   font-size: 12px;
   font-weight: bold;
   color: #2A5DB0;
}

.runkeeper .content.races #mainColumn .pageContent #innerRightColumn .menuItem:hover {
   pointer: cursor; 
   background: #FFF;    
   color: #2F8CCC;  
}

.runkeeper .content.races #mainColumn .pageContent #innerRightColumn .menuItem .icon {
   position: relative;
   float: left;
   background: gray;
   width: 30px;
   height: 30px;   
}

.runkeeper .content.races #mainColumn .pageContent #innerRightColumn .menuItem .label {
   position: relative;
   top: 7px;
   float:left;
   margin-left:10px;
}

.runkeeper .applicationContainer {
   padding: 5px;
   position: relative;
   min-height: 100px;
}

.runkeeper .applicationContainer .icon {
   float: left;
   width: 100px;
   height: 100px;
   margin-right: 20px;
}

.runkeeper .applicationContainer .details {
   float: left;
   width: 394px;
}

.runkeeper .applicationContainer .details .name {
   font-size: 20px;
   font-weight: bold;
}

.runkeeper .applicationContainer .details .status {
   margin-top: 8px;
   font-size: 12px;
   font-weight: normal;
}

.runkeeper .applicationContainer .details .status span {
   font-weight: bold;
}

.runkeeper .applicationContainer .details .status span.published {
   color: green;
}

.runkeeper .applicationContainer .details .status span.notpublished {
   color: red;
}

.runkeeper .applicationContainer .details .description {
   color: #333;
   font-size: 12px;
   margin-top: 10px;
}

.runkeeper .applicationContainer .details .actions {
   font-size: 12px;
   color: #666;
   margin-top: 10px;
}

.runkeeper .applicationContainer .permissions {
   float: left;
   width: 130px;
   border: 3px solid #CCC;
   background: #EEE;
   padding: 7px;
   text-align: center;
   font-size: 12px;
   margin-left: 26px;
}

.runkeeper .applicationContainer .permissions .header {
   font-size: 11px;
   font-weight: bold;
   float: left;
   width: 76px;
   text-align: left;
   line-height: 100%;
}

.runkeeper .applicationContainer .permissions .header a {
   display: block;
   margin-top: 5px;
}

.runkeeper .applicationContainer .permissions img {
   margin-right: 4px;
   width: 50px;
   height: 50px;
   float: left;
}

.runkeeper .applicationContainer .permissions img:first-child {
   margin-left: 0;
}

.runkeeper #applicationDetails .permissions .pending {
   font-weight: bold;
   color: black;
}

.runkeeper #applicationDetails .permissions .granted {
   font-weight: bold;
   color: green;
}

.runkeeper #applicationDetails .permissions .denied {
   font-weight: bold;
   color: red;
}

.runkeeper .pageContent .header .backlink {
   float: right;
}

.runkeeper .pageContent .body {
   margin: 15px 0;
}

.runkeeper .content #mainColumn .pageContent .body h2.keys {
   padding-left: 2px;
   font-size: 13px;
   font-weight: bold;
   color: #666;
   margin: 10px 0;
}

.runkeeper .pageContent .body .row {
   clear: both;
}

.runkeeper .pageContent .body .appDivider {
   height: 1px;
   border-bottom: 1px solid #DDD;
   margin: 10px 0;
}

.runkeeper .pageContent .body form ul {
   margin-bottom: 20px;
}

.runkeeper .pageContent .body .leftbg {
   position: absolute;
   z-index: 0;
   background: #EEE;
   width: 230px;
}

.runkeeper .pageContent .body .row .leftColumn {
   position: relative;
   z-index: 1;
   float: left;
   width: 200px;
   padding: 15px;
   margin-right: 15px;
   font-weight: bold;
   color: #222;
   font-size: 14px;
}

.runkeeper .pageContent .body .row .rightColumn {
   position: relative;
   z-index: 1;
   padding: 15px;
   float: left;
   width: 425px;
}

.runkeeper .pageContent .body .row .rightColumn input {
   width: 300px;
   font-size: 13px;
}

.runkeeper .pageContent .body .row .rightColumn .keyText {
   background: #EEE;
   font-family: courier;
   padding: 6px 5px 5px 6px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.runkeeper .pageContent .body .row .rightColumn .fileUpload .action {
   font-size: 12px;
}

.runkeeper .pageContent .body .row .rightColumn textarea {
   width: 360px;
   font-size: 13px;
}

.runkeeper .pageContent .body .row .rightColumn p {
   margin-bottom: 10px;
}

.runkeeper .pageContent .body .row .rightColumn .checkRow {
   padding: 5px;
}

.runkeeper .pageContent .body .row .rightColumn .checkRow label {
   position: relative;
   top: 3px;
}

.runkeeper .pageContent .body .row.permissions .rightColumn .checkRow label {
   font-weight: bold;
   color: #111;
   font-size: 18px;
   position: relative;
   top: 2px;
   float: left;
}

.runkeeper .pageContent .body .row.permissions .rightColumn .checkRow img.permissionIcon {
   width: 20px;
   height: 20px;
   float: left;
   position: relative;
   top: 1px;
   margin-left: 5px;
}

.runkeeper .pageContent .body .row.permissions .rightColumn .checkRow p {
   color: #333;
   font-size: 11px;
   padding-left: 3px;
   padding-top: 5px;
   margin-bottom: 2px;
}

.runkeeper .pageContent .body .divider {
   display: block;
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #DDD;
   height: 0;
   width: 100%;
   clear: both;
   position: relative;
   z-index: 2;
}

.runkeeper .pageContent .body .row .rightColumn img#iconImage {
   float: left;
   margin-right: 15px;
}

.runkeeper .pageContent .body .row .rightColumn .fileUpload {
   float: left;
   width: 360px;
}

.runkeeper .pageContent .body .row .rightColumn .uploader {
   margin-bottom: 0;
   top: -6px;
}

.runkeeper .pageContent .body .row .rightColumn p.footnote {
   color: #333;
   font-size: 11px;
   font-style: italic;
   margin-left: 5px;
}

.runkeeper .pageContent .body .row .rightColumn .fileUpload p.footnote {
   margin: 0 0 0 5px;
}

.runkeeper .justification {
   padding: 0 0 20px 8px;
}

.runkeeper .justification label {
   color: #333;
   font-weight: bold;
   font-size: 11px;
}

.runkeeper .justification textarea {
   width: 390px;
   height: 60px;
   margin-top: 10px;
}

.runkeeper #activityHistoryJustificationBox,
.runkeeper #fitnessReportsJustificationBox {
   display: none;
}

.runkeeper .noApps {
   font-style: italic;
   color: #666;
   font-size: 18px;
   text-align: center;
}

.runkeeper #mainColumn .pageContent {
	font-weight: 200;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-size: 11pt;
	line-height: 120%;
}

.runkeeper #mainColumn p {
	margin: 1em 0;
	font-weight: 200;
	line-height: 120%;
	font-size: 11pt;
}

.runkeeper #affiliateGetStarted {
	padding: 20px;
	text-align: center;
}
.runkeeper #affiliateTnC {
   padding: 0 20px;
   text-align: center;
   font-size: 8pt;
   font-weight: 200;
}

.runkeeper #mainColumn #rightColumn {
	float: right;
	width: 200px;
	border: 0;
	border-left: 1px solid #EEE;
	padding: 0 0 0 20px;
	margin: 15px 0 0 20px;
}

.runkeeper #mainColumn #rightColumn h2 {
	font-weight: 400;
    font-size: 12pt;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
    margin-bottom: .5em;
	margin-top: 1em;
}

.runkeeper #mainColumn #rightColumn ul#affiliateExampleList {
	border-top: 1px solid #EEE;
}
.runkeeper #mainColumn #rightColumn ul#affiliateExampleList li {
	border-bottom: 1px solid #EEE;
	padding: 20px 10px;
}
.runkeeper #mainColumn #rightColumn ul#affiliateExampleList li img {
	display: block;
	margin: 0 auto;
}

.runkeeper #mainColumn .pageContent h2 {
	font-weight: 400;
    font-size: 12pt;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
    margin-bottom: .5em;
	margin-top: 1em;
}

.runkeeper #mainColumn .code input {
	background: transparent;
	font-family: Monaco, Consolas, 'Courier New', Courier, monospace;
	position: relative;
	font-size: 8pt;
	border: 0;
	width: 450px;
}

.runkeeper #mainColumn .code {
	padding: 6px 5px 5px 6px;
	background: #EEE;
	font-family: Monaco, Consolas, 'Courier New', Courier, monospace;
	position: relative;
	font-size: 8pt;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.runkeeper #mainColumn ol {
	padding-left: 25px;
}
.runkeeper #mainColumn ol li {
	list-style-type: decimal;
	font-weight: 200;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-size: 11pt;
	line-height: 120%;
}

.runkeeper #mainColumn #balanceBox {
	background: #EEE;
	border: 2px solid #CCC;
	padding: 10px;
}

.runkeeper #mainColumn #balanceBox hr {
	border: 0;
	border-top: 1px solid #CCC;
	margin-top: 10px;
}

.runkeeper #mainColumn #balanceBox #currentBalance h2 {
	text-align: center;
	font-weight: 600;
	font-size: 16pt;
	color: #666;
	margin: 5px 0;
}
.runkeeper #mainColumn #balanceBox #currentBalance p {
	text-align: center;
	font-weight: 800;
	font-size: 22pt;
	margin: 5px 0;
}
.runkeeper #mainColumn #balanceBox #currentBalance p.paymentButton {
	text-align: center;
}
.runkeeper #mainColumn #balanceBox #paymentDetails p {
	font-size: 9pt;
}
.runkeeper #mainColumn #balanceBox #paymentsSentTo h3 {
	text-align: center;
	color: #999;
}
.runkeeper #mainColumn #balanceBox #paymentsSentTo input {
	width: 96%;
	font-family: Monaco, Consolas, 'Courier New', Courier, monospace;
	font-size: 8pt;
}
.runkeeper #mainColumn #balanceBox #paymentsSentTo input.set {
	background: transparent;
	border: 0;
	text-align: center;
}
.runkeeper #mainColumn #balanceBox #paymentsSentTo #changePaymentEmail {
	text-align: center;
	font-size: 9pt;
}

.runkeeper #mainColumn #rightColumn #totalToDate h2 {
	text-align: center;
	font-weight: 600;
	font-size: 12pt;
	color: #666;
	margin: 15px 0 5px 0;
}
.runkeeper #mainColumn #rightColumn #totalToDate p {
	text-align: center;
	font-weight: 800;
	font-size: 12pt;
	margin: 5px 0;
}

/* affiliate assets */
.runkeeper table.graphicalAssets {
	width: 100%;
	border-collapse:collapse;
}
.runkeeper table.graphicalAssets tr td {
	background: #EEE;
	border: 0;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
.runkeeper table.graphicalAssets tr:first-child td:first-child {
	border-radius: 5px 0 0 0 ;
}
.runkeeper table.graphicalAssets tr:first-child td:last-child {
	border-radius: 0 5px 0 0 ;
}
.runkeeper table.graphicalAssets tr td.affiliateAsset.selected {
	background: #CCC;
	border: 0;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
}
.runkeeper table.graphicalAssets tr td.codeExample {
	padding: 20px;
	border-radius: 0 0 5px 5px;
}
.runkeeper table.graphicalAssets tr td.codeExample.filled {
	background: #CCC;
}
.runkeeper table.graphicalAssets tr td.affiliateAsset a {
	display: block;
	padding: 20px 0;
	text-align: center;
}
.runkeeper table.graphicalAssets tr td.affiliateAsset:hover {
	background: #CCC;
}
.runkeeper table.graphicalAssets tr td.affiliateAsset a img {
	border: 0;
	margin: 0 auto;
}
.runkeeper table.graphicalAssets tr td.selected {
	background: #CCC;
	border-bottom: 1px solid #CCC;
}

.runkeeper textarea#affiliateCodeExample {
	font-family: Monaco, Consolas, 'Courier New', Courier, monospace;
	font-size: 8pt;
	width: 97%;
	height: 150px;
	border: 1px solid #999;
	padding: 10px;
	box-shadow: 2px 2px 5px #999 inset;
	-moz-box-shadow: 2px 2px 5px #999 inset;
	-webkit-box-shadow: 2px 2px 5px #999 inset;
}

/* faq */
.runkeeper .content #mainColumn dl.faq {
	line-height: 120%;
}
.runkeeper .content #mainColumn dl.faq dt {
	padding: 1em 0;
	font-weight: 400;
	font-size: 12pt; 
	border: 0;
	background: transparent;
}
.runkeeper .content #mainColumn dl.faq dd {
	padding: 1em 0 1em 0;
	margin-bottom: 1em;
	font-weight: 200;
	font-size: 11pt;
	border: 0;
	background: transparent;
}
.runkeeper .content #mainColumn dl.faq dt.selected {
	font-weight: 600;
	border: 0;
	border-top: 1px dotted #CCC;
}
.runkeeper .content #mainColumn dl.faq dd.selected {
	font-weight: 400;
	border: 0;
	border-bottom: 1px dotted #CCC;]
}
.runkeeper .content #mainColumn dl.faq dd ul {
	padding-left: 25px;
}
.runkeeper .content #mainColumn dl.faq dd ul li {
	list-style-type: disc;
}
.runkeeper .content #mainColumn dl.faq dd strong {
	font-weight: 500;
}
.runkeeper .content #mainColumn dl.faq dd div.definitionFooter {
	margin-top: 1em;
	font-size: 9pt;
	color: #CCC;
}
.runkeeper .content #mainColumn dl.faq dd div.definitionFooter a {
	color: #CCC;
}
.runkeeper .content #mainColumn dl.faq dd div.definitionFooter a:hover {
	color: #999;
}
.runkeeper .content #mainColumn dl.faq dd.selected div.definitionFooter a,
.runkeeper .content #mainColumn dl.faq dd:hover div.definitionFooter a {
	color: #999;
}
.runkeeper .content #mainColumn dl.faq dd.selected div.definitionFooter a:hover,
.runkeeper .content #mainColumn dl.faq dd:hover div.definitionFooter a:hover {
	color: #666;
}
.runkeeper .content #mainColumn #rightColumn ul#faqList {
	margin-bottom: 1.5em;
}
.runkeeper .content #mainColumn #rightColumn ul#faqList li {
	list-style-type: none;
	font-size: 10pt;
	font-weight: 200;
	line-height: 120%;
	margin-top: .75em;
}

.runkeeper .button {
	border: 1px solid #263b78;
	padding: 5px 25px 7px 25px;
	color: #FFF;
	font-weight: 200;
	font-size: 18px;
	text-shadow: -1px -1px 1px #000;
	background: rgb(38,59,120);
	
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(38,59,120)),
		color-stop(1, rgb(30,133,192))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(38,59,120) 0%,
		rgb(30,133,192) 100%
	);
}
.runkeeper .button:hover {	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(21,84,166)),
		color-stop(1, rgb(71,160,216))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(21,84,166) 0%,
		rgb(71,160,216) 100%
	);
}
.runkeeper .button:active {	
	color: #47a1d8;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(30,133,192)),
		color-stop(1, rgb(38,59,120))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(30,133,192) 0%,
		rgb(38,59,120) 100%
	);
}

/* alpha partner form */


.runkeeper form#ss-form label {
	font-size: 11pt;
	line-height: 120%;
	width: 75px;
	display: inline-block;
}
.runkeeper form#ss-form input {
	font-size: 11pt;
	line-height: 120%;
	width: 275px;
}
.runkeeper form#ss-form ul {
	border-top: 1px solid #CCC;
}
.runkeeper form#ss-form ul li {
	padding: 10px;
	border-bottom: 1px solid #CCC;
}
.runkeeper form#ss-form ul li span {
	color: #900;
}
.runkeeper #form-message p {
   font-size: 11pt;
   line-height: 120%;
   font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
   font-weight: 200;
   margin: 10px 0;
   padding: 10px;
   border: 0;
   border-top: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
}


.runkeeper .content #homeOverviewContent h3 {
	font-weight: 400;
	font-size: 12pt;
	margin: 1.25em 0 .75em;
}
.runkeeper .content #homeOverviewContent p {
	font-weight: 200;
	font-size: 11pt;
	margin: .75em 0;
}

/* Sign up or Login Widget */

.runkeeper #homeOptions #signupOrLoginBox {
   width: 380px;
   margin-top: 20px;
}

.runkeeper #homeOptions #signupOrLoginBox .greydient-content {
   padding: 0;
}

.runkeeper #homeOptions #signupContainer,
.runkeeper #homeOptions #loginContainer {
   float: left;
   display: block;
   width: 180px;
}

.runkeeper #homeOptions #loginContainer {
   padding-left: 7px;
}

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

.runkeeper #homeOptions #loginContainer {
}

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

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

.runkeeper #homeOptions #signupOrLoginBox h4 {
   font-size: 10pt;
   font-weight: bold;
   margin: 0 0 12px 0;
}

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

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

.runkeeper #homeOptions #signupOrLoginBox .signupRow.last,
.runkeeper #homeOptions #signupOrLoginBox .loginRow.last {
   padding-top: 20px;
   clear: both;
}
.runkeeper #homeOptions #signupOrLoginBox .loginRow.last {
   padding-top: 25px;
}
.runkeeper #homeOptions #signupOrLoginBox .signupRow.last p,
.runkeeper #homeOptions #signupOrLoginBox .loginRow.last p{
   font-size: 7pt;
   line-height: 120%;
}
.runkeeper #homeOptions h3#firstThingsFirst {
   margin-bottom: 10px;
   font-size: 18pt;
}

/* options for assets */
.runkeeper h2 div.buttonOptions {
   float: right;
   width: 205px;
   height: 25px;
}
.runkeeper h2 div.buttonOptions .dropdownGreyContainer {
   display: inline; 
   float: right; 
   position: relative; 
   top: -5px;
}

.runkeeper #mainColumn .pageContent.fitnessClasses .info {
   float: right;
   width: 200px;
   padding: 10px;
   background: #EEE;
   border: 1px solid #CCC;
}

.runkeeper #mainColumn .pageContent.fitnessClasses .info h2 {
   margin: 0 0 12px 0;
   font-size: 14px;
   padding-bottom: 4px;
   border-bottom: 1px solid #CCC;
}

.runkeeper #mainColumn .pageContent.fitnessClasses .info h3 {
   font-size: 12px;
}

.runkeeper #mainColumn .pageContent.fitnessClasses .info p {
   font-size: 12px;
   line-height: 130%;
}

.runkeeper #mainColumn .pageContent.fitnessClasses .form {
   float: left;
   margin-right: 20px;
   width: 450px;
}

.runkeeper #mainColumn .pageContent.fitnessClasses input.error { 
   border: 2px solid #880000; 
   background-color: #FFDDDD;
}

.runkeeper #mainColumn .pageContent.fitnessClasses textarea.error {
   border: 2px solid #880000;
   background-color: #FFDDDD;
}

.runkeeper #mainColumn .pageContent.fitnessClasses label.error { 
  color: #880000; 
  font-weight: bold; 
  text-decoration: underline;
}

.runkeeper #mainColumn .pageContent.fitnessClasses label {
   float: left;
   width: 140px;
   text-align: right;
   font-size: 16px;
   font-weight: bold;
   position: relative;
   top: 2px;
}

.runkeeper #mainColumn .pageContent.fitnessClasses input[type="text"],
.runkeeper #mainColumn .pageContent.fitnessClasses textarea {
   float: left;
   margin-left: 10px;
   font-size: 14px;
   width: 200px;
   margin-bottom: 12px;
}

.runkeeper #mainColumn .pageContent.fitnessClasses textarea {
   width: 280px;
   height: 70px;
}

.runkeeper #mainColumn .pageContent.fitnessClasses div.uploader {
   float: right;
   margin: 12px;
}

.runkeeper #mainColumn .pageContent.fitnessClasses img {
   float: left;
   margin-left: 10px;
}

.runkeeper #mainColumn .pageContent.fitnessClasses div.selector {
   margin-left: 10px;
}

.runkeeper #mainColumn .pageContent.fitnessClasses .contactForm {
   margin: 20px auto;
   padding: 20px 0;
   border-top: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
}

.runkeeper #mainColumn .pageContent.fitnessClasses .contactForm label.checkbox {
   width: 270px;
   text-align: left;
   font-size: 14px;
   font-weight: normal;
   position: relative;
   top: 4px;
}

.runkeeper #mainColumn .pageContent.fitnessClasses .contactForm #contactPanel p:first-child {
   margin-top: 30px;
}

.runkeeper #mainColumn .pageContent.fitnessClasses .contactForm .checker {
   margin-left: 150px;
}