/* Apps */

.runkeeper .apps #leftColumn {
   width: 228px;
}

.runkeeper .apps #mainColumn {
   width: 722px;
}

.runkeeper .apps h2 {
   background: #EEE;
   padding: 5px;
   width: 220px;
   margin-bottom: 8px;
   font-size: 16px;
}

.runkeeper .categoryNavBox {
   
}

.runkeeper .categoryNavBox .categoryNavItem {
   width: 218px;
   padding: 10px 6px;
   margin: 0;
   font-size: 14px;
   font-weight: bold;
   text-align: left;
   color: #2A5DB0;
}

.runkeeper .categoryNavBox .categoryNavItem:hover {
   background: #EEE;
   cursor: pointer;
   color: #2F8CCC;
}

.runkeeper .categoryNavBox .categoryNavItem:active {
   background: #CCC;
   color: #19397F;
}

.runkeeper .categoryNavBox .divider {
   height: 0;
   border-bottom: 1px solid #EEE;
}

.runkeeper .categoryNavBox .divider:first-child {
   display: none;
}

.runkeeper #featuredAppHero {
   width: 968px;
   height: 268px;
   border: 1px solid #DDD;
   margin-bottom: 30px;
}

.runkeeper #featuredAppHero a {
   display: none;
}

.runkeeper .appGalleryContainer {
   position: relative;
   padding: 10px;
}

.runkeeper .appGalleryContainer .appGalleryItem {
   float: left;
   padding: 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-right: 20px;
   width: 100px;
   height: 160px;
}

.runkeeper .appGalleryContainer .appGalleryItem:hover {
   background: #DDD;
   cursor: pointer;
}

.runkeeper .appGalleryContainer .appGalleryItem:active {
   background: #AAA;
}

.runkeeper .appGalleryContainer .appGalleryItem img {
   display: block;
   width: 100px;
   height: 100px;
   margin-bottom: 8px;
}

.runkeeper .appGalleryContainer .appGalleryItem span {
   font-weight: bold;
   font-size: 13px;
   line-height: 120%;
}

.runkeeper .appDetailsContainer {
   margin-top: 30px;
}

.runkeeper .appDetailsContainer .title {
   width: 190px;
   padding: 5px;
   font-size: 13px;
   font-weight: bold;
   text-shadow: 0 1px 0 #FFF;
   color: #222;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   background: #EEE;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DDD');
   background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDD));
   background: -moz-linear-gradient(top,  #F5F5F5,  #DDD);
   border: 1px solid #CCC;
}

.runkeeper .appDetailsContainer .listContainer {
   width: 190px;
   padding: 5px;
   border-right: 1px solid #CCC;
   border-left: 1px solid #CCC;
}

.runkeeper .appDetailsContainer .endCap {
   width: 190px;
   padding: 5px;
   height: 3px;
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   background: #EEE;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDD', endColorstr='#BBB');
   background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB));
   background: -moz-linear-gradient(top,  #DDD,  #BBB);
   border: 1px solid #CCC;
}

.runkeeper .appDetailsContainer .listContainer .listItem {
   padding: 0 6px;
}

.runkeeper .appDetailsContainer .listContainer .permissions.listItem {
   margin: 20px 0;
   font-style: italic;
   line-height: 130%;
   color: #333;
}

.runkeeper .appDetailsContainer .listContainer .categories.listItem .headline {
   margin-top: 5px;
}

.runkeeper .appDetailsContainer .listContainer .listItem .headline {
   font-size: 12px;
   font-weight: bold;
   color: #000;
   margin-top: 15px;
}

.runkeeper .appDetailsContainer .listContainer .listItem span {
   display: block;
   font-size: 12px;
   font-weight: normal;
   color: #333;
   margin-top: 8px;
}

.runkeeper .listContainer .noData {
   text-align: center;
   font-size: 16px;
   color: #999;
   font-weight: bold;
   padding: 20px 0;
}

.runkeeper .apps #mainColumn .title span {
   font-size: 21px;
   font-weight: bold;
   display: block;
   float: left;
   margin-right: 15px;
}

.runkeeper .apps #mainColumn .title .blueButton-small {
   position: relative;
   top: 2px;
}

.runkeeper .apps #mainColumn .title .blueButton-small.purchase {
   margin-left: 8px;
}

.runkeeper .apps #mainColumn .organization {
   font-size: 12px;
   font-weight: normal;
   display: block;
   margin-top: 5px;
}

.runkeeper .apps #mainColumn .description {
   margin-top: 15px;
   color: #111;
   line-height: 130%;
   font-size: 12px;
}

.runkeeper .apps #mainColumn .users h2,
.runkeeper .apps #mainColumn .teammates h2 {
   background: none;
   font-size: 12px;
   padding-left: 0;
   width: 100%;
}
.runkeeper .apps #mainColumn .users .userGrid,
.runkeeper .apps #mainColumn .teammates .userGrid {
   width: 100%;
}

.runkeeper .authenticate #header #siteLogo {
   margin: 0 auto;
   width: 205px;
   height: 40px;
   background: url(../images/logo.png) no-repeat 0 0;
   float: none;
   position: relative;
   display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

.runkeeper .authenticate #header #siteLogo {
	background: url('../images/logo@2x.png') repeat-x 0 0;
	-webkit-background-size: 205px 40px;
}

}

.runkeeper .authenticate #signinContainer.apps,
.runkeeper .authenticate #forgotContainer.apps,
.runkeeper .authenticate #signupContainer.apps {
	position: relative;
	z-index: 60;
	width: 360px;
	margin: 30px auto;
}

.runkeeper #signinContainer .appDetails {
   margin-bottom: 30px;
}

.runkeeper #signinContainer .appDetails .icon {
   width: 50px;
   height: 50px;
   float: left;
   margin-right: 15px;
}

.runkeeper #signinContainer .appDetails .details {
   width: 255px;
   float: left;
}

.runkeeper #signinContainer .appDetails .details .name {
   font-weight: bold;
   font-size: 18px;
   display: block;
   text-align: left;
}

.runkeeper #signinContainer .appDetails .details .organization {
   font-weight: normal;
   font-size: 11px;
   display: block;
   margin-top: 5px;
   color: #333;
   text-align: left;
}

.runkeeper #signinContainer .appContainer {
   border-top: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   padding: 15px 10px 25px;
   margin: 10px 0 30px;
   font-size: 14px;
}

.runkeeper #signinContainer .appContainer p {
   text-align: left;
   font-weight: bold;
   margin-bottom: 10px;
}

.runkeeper #signinContainer .appContainer ul {
   padding-left: 30px;
   list-style: disc;
   color: #333;
}

.runkeeper #signinContainer .appContainer ul li {
   margin: 5px 0;
}

.runkeeper .apps#signinContainer #signinHeader {
   margin: 0;
   padding: 0;
}

.runkeeper .apps#signinContainer .signupRow,
.runkeeper .apps#forgotContainer .signupRow,
.runkeeper .apps#signupContainer .signupRow {
   width: 350px;
   margin: 10px auto;
}

.runkeeper .apps form#authorizationForm #signinSubmit.signupRow {
   width: 360px;
   padding-top: 15px;
}

.runkeeper .apps #signupSubmit.signupRow {
   width: 145px;
   padding: 15px 0;
}

.runkeeper .apps .shareText {
   text-align: center;
   margin-right: 20px;
   font-size: 14px;
   font-weight: bold;
   color: #333;
   float: left;
}

.runkeeper .apps .shareBox {
   margin: 0 auto;
   float: left;
   position: relative;
   top: -2px;
}

.runkeeper .apps .shareBox div.checker {
   margin-right: 2px;
}

.runkeeper .apps .signupRow#shareBox .shareBox label {
   float: left;
   position: relative;
   top: 0;
   margin-right: 20px;
   width: 50px;
}

.runkeeper .apps .signupRow#shareBox {
   margin: 30px auto;
   width: 300px;
}

.runkeeper .apps#signinContainer .signupRow label,
.runkeeper .apps#signupContainer .signupRow label {
   float: left;
   width: 100px;
   position: relative;
   top: 5px;
}

.runkeeper .apps#forgotContainer .signupRow label {
   float: left;
   width: 90px;
   position: relative;
   top: 5px;
   margin-right: 5px;
}

.runkeeper .apps#signinContainer .signupRow input[type="text"],
.runkeeper .apps#signinContainer .signupRow input[type="password"],
.runkeeper .apps#signupContainer .signupRow input[type="text"],
.runkeeper .apps#signupContainer .signupRow input[type="password"] {
   float: left;
   width: 200px;
}

.runkeeper .apps#forgotContainer .signupRow input[type="text"],
.runkeeper .apps#forgotContainer .signupRow input[type="password"] {
   float: left;
   width: 229px;
}

.runkeeper .apps#signinContainer .signupRow #forgotPasswordLink {
   float: left;
   position: relative;
   top: 5px;
   margin-left: 108px;
   display: block;
}

.runkeeper .apps#signinContainer #signinHeader h2,
.runkeeper .apps#forgotContainer #forgotHeader h2,
.runkeeper .apps#signupContainer #signupHeader h2,
.runkeeper .apps#forgotContainer #successHeader h2 {
   margin: 0 0 20px;
   line-height: 130%;
   padding-top: 0;
   background: none;
   width: 100%;
   font-size: 20px;
   text-align: center;
}

.runkeeper .apps#signinContainer #signinHeader h3 {
   text-align: center;
}

.runkeeper .apps#forgotContainer #successHeader h2 {
   margin: 0 0 20px;
   background: none;
   font-size: 24px;
   text-align: left;
   width: 100px;
}

.runkeeper .appListContainer {
   
}

.runkeeper .appListContainer .appDivider {
   height: 1px;
   border-bottom: 1px solid #DDD;
   margin: 10px 0;
   clear: left;
}

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

.runkeeper .appItemContainer.facebook.success {
   height: 160px;
}

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

.runkeeper .appItemContainer .details {
   float: left;
   width: 432px;
}

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

.runkeeper .appItemContainer .details .description {
   color: #333;
   font-size: 12px;
   margin-top: 10px;
   line-height: 130%;
}

.runkeeper .settings .appItemContainer .details .description {
   max-height: 50px;
   overflow: hidden;
}

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

.runkeeper .appItemContainer.runkeeper {
   margin-bottom: 40px;
}

.runkeeper .appItemContainer.runkeeper .icon {
   width: 150px;
   height: 150px;
}

.runkeeper .appItemContainer.runkeeper .details {
   width: 560px;
}

.runkeeper .appItemContainer.runkeeper .details .description {
   margin-top: 15px;
}

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

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

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

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

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

.runkeeper .appsHome .appGalleryContainer {
   margin-bottom: 40px;
   padding: 0 0 0 10px;
}

.runkeeper .authenticate #forgotContainer {
   display: none;
   width: 360px;
   margin: 30px auto;
}

.runkeeper .authenticate #forgotContainer h2 {
   font-size: 20px;
   text-align: center;
   margin-bottom: 15px;
}

.runkeeper .authenticate #forgotContainer #forgotText p {
   margin-left: 95px;
   color: #333;
   line-height: 130%;
}

.runkeeper .authenticate #forgotContainer #forgotEmail {
}

.runkeeper .authenticate #forgotBack {
   width: 130px;
   right: 124px;
   top: 14px;
}

.runkeeper .authenticate #forgotBack a {
   display: block;
}

.runkeeper .authenticate .blueButton-large {
   margin-right: 16px;
}

.runkeeper .apps p.footnote {
   text-align: center;
   margin-top: 20px;
   line-height: 130%;
}

.runkeeper .apps p.footnote span {
   font-weight: normal;
   color: #333;
   display: block;
   margin-bottom: 5px;
}

.runkeeper .apps p.footnote a {
   font-weight: bold;
}

.runkeeper .apps .title .appInstalled {
   font-size: 12px;
   padding-top: 8px;
}

.runkeeper .authenticate #content #signinContainer #loginForm {
   float: none;
}

.runkeeper .authenticate #content #forgotContainer #resetPwForm {
   float: none;
}

.runkeeper .authenticate .toggleLink {
   text-align: center;
   margin-top: 20px;
}

.runkeeper .authenticate #resetEmailSent #successHeader {
   width: 200px;
   margin: 10px auto;
}

.runkeeper .authenticate #resetEmailSent #successHeader .icon {
   float: left;
   margin-right: 10px;
}

.runkeeper .authenticate #resetEmailSent #successHeader h2 {
   float: left;
   font-size: 32px;
   color: green;
}

.runkeeper .authenticate #resetEmailSent .mainText {
   color: #333;
   line-height: 130%;
}

.runkeeper .authenticate #resetEmailSent .mainText span {
   font-weight: bold;
   color: black;
}

.runkeeper .authenticate #successBack {
   margin-top: 20px;
}

.runkeeper .authenticate .signupRow .ValidationErrors {
   width: 200px;
   float: left;
   margin: 5px 0 10px 108px;
}

.runkeeper .authenticate .signupRow .ValidationErrors .formIndicator.error {
   right: 0;
}

.runkeeper .authenticate #forgotContainer input[type=text].ErrorField {
	width: 229px;
	height: inherit;
	margin: 0;
}

.runkeeper .authenticate #forgotContainer .signupRow .ValidationErrors {
   margin: 5px 0 10px 93px;
   padding: 2px;
}

.runkeeper .authenticate #forgotContainer .formIndicator.error {
	background: url(../images/formError.png) no-repeat 0 0;
	width: 38px;
	height: 33px;
	position: absolute;
	z-index: 20;
	top: -3px;
	right: -15px;
}

.runkeeper .authenticate #content {
   width: 360px;
}

.runkeeper .apps #leftColumn #applicationDetails.listWidget {
   width: 200px;
   margin-top: 30px;
}

.runkeeper .apps #leftColumn #applicationDetails.listWidget .title {
   width: 188px;
}

.runkeeper .apps #leftColumn #applicationDetails.listWidget .listContainer {
   width: 198px;
}

.runkeeper .apps #leftColumn #applicationDetails.listWidget .listContainer .listItem {
   width: 184px;
}

.runkeeper .apps #leftColumn #applicationDetails.listWidget .listContainer .listItem:hover {
   cursor: default;
   background: white;
}

.runkeeper .apps #leftColumn #applicationDetails.listWidget .listContainer .listItem .headline {
   font-size: 12px;
   margin-bottom: 4px;
}

.runkeeper .apps #leftColumn #applicationDetails.listWidget .listContainer .listItem span {
   font-weight: normal;
   font-size: 12px;
   color: #333;
}

.runkeeper .apps #leftColumn #applicationDetails.listWidget .listContainer .listItem.permissions {
   font-weight: normal;
   font-size: 10px;
   font-style: italic;
   line-height: 130%;
   color: #666;
   padding-bottom: 12px;
}

.runkeeper .apps #leftColumn #applicationDetails.listWidget .endCap {
   width: 188px;
}