@charset "UTF-8";
/***** START postlist.css ******/
ul.posts li.post {
   position:relative;
   min-height: 80px;
   margin: 0; padding: 18px 18px 15px 18px;clear:both;  position:relative; border-bottom:solid 1px #eee;
}

ul.posts li.post.small-item {
   min-height: 20px;
}
ul.posts li.post.hasImage .content {
   min-height: 160px;
}
ul.posts li.post.hasImage .content.featured {
   min-height: 0;
}


ul.posts li.post .rail {
  position: relative;
  float: left;
  display: block;
  margin: 0 10px 0 0;
  width: 42px;
/*height: 80px;
  border: solid 1px #999;*/
}

ul.posts li.post .rail a .avatar {  position: relative; display:block; width:40px; height:40px; }
ul.posts li.post a .avatar img {
  height:40px;
  width: 40px;
}


ul.updates {
  position: relative;
  margin: 0;
}
ul.updates.history {
  text-align: center;
  margin-bottom: 1em;
}



ul.updates li {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  display: inline;
}

ul.posts li.post .content {
  position: relative;
  margin: 0 50px 0 50px;
  padding: 0;
}
ul.posts li.post .content.featured {
  margin: 0 50px 0 0;
}

ul.posts li.post .content.featured h1 { line-height:1.2; }

/* META */
ul.posts li.post .timestamp { }
ul.posts li.post .post-timestamp { z-index: 99; float: right; text-align: right; margin-top: 2px; padding-left: 1em; }
ul.post li.post > .timestamp {
   top:20px;
}

/*
ul.posts .post:hover {
  background: #efefef;
}
*/
ul.posts .post dl.actions dd {
  border: 1px solid #ccc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

/* ACTIONS */

ul.posts dl.actions {
  position: relative;
  padding: 0 0 0 0;
  margin: 3px 0 0 50px;
  border-bottom: none;
  border-top: none;
  text-align: left;
  clear: left;
}

ul.posts dl.actions dd {
  display: inline;
  padding: 1px;
  margin: 2px;
  font-size: 10px;
  border: 1px solid #fff;
}
ul.posts dl.actions dd.userSelected {
  background: #bfbfbf;
}
ul.posts dl.actions dd.rightButton {
  float: right;
}


ul.posts .post:hover dl.actions {
  visibility: visible;
}



ul.posts dl.actions dd a {
  color: #999;
}
ul.posts dl.actions dd a:hover {
  text-decoration: none;
}

ul.posts dl.actions dd a span{
  font-weight: bold;
}


dl.actions {

}

.post .content.featured .banner { display: block; color: #fff; background-color: #F5D451; font-weight: bold; font-size: .85em; padding:  0 .25em; margin-bottom: .5em; }

.post-timestamp a,
.post .meta {
  color: #ccc !important;
  margin: 0 0 0 0;
  font-size: 12px;
}


.post .meta .meta-toggle,
.post .meta .challenge {
  color: #ccc ;
}
.post .meta .meta-toggle span.show { display: inline; }
.post .meta .meta-toggle span.hide { display: none; }
.post .meta .meta-toggle.hide span.show { display: none; }
.post .meta .meta-toggle.hide span.hide { display: inline; }

.post .meta .hideable {
  display: none;
}

.post .meta .teams {
	font-size: 13px;
	background: url('lqW9jMrhptZ8O2wyoeb3BTQN5EARiu8M4lLPAiKmBD3.png') no-repeat left top;
	padding-left: 25px;
	margin-left: 10px;
}


.post .extra  {
  color: #666 !important;
/*  font-size: 12px;*/
/*  font-weight: normal;*/
  padding: 0 0 0 5px;
  font-size: 18px;

}

.post .extra a {
  font-weight: bold;
  color: #666 !important;
}

.posts li.post a.attachment {
  position: relative;
  float: right;
  right: -50px;
  top: 0;
  display: block;
  width: 160px;
  line-height: 0;
  border: solid 1px #FFF;
}


.posts li.post:hover a.attachment {
  border: solid 1px #ccc;
}



.posts li.post a.attachment img {
  width: 100%;
  position:relative;
  z-index: 100;
}

.posts li.post .content.featured a.attachment {
  float: left;
  right: 0;
  margin: 0 1em 5px 0;
  width: auto;
}

.posts li.post .meta .update {
  font-size: 18px;
  font-weight: bold;

}

.posts .expanded .meta .update, .posts .expanded .meta .extra {
  display: none;
}

.post .author {

  font-size: 14px;
}

.goalstarted .meta .author {
  display: inline;
}
.goalstarted .meta a.goal {
  font-weight: bold;
  color: #666;
  display: block;
  font-size: 18px;
}


.post .rank {
  padding: 5px;
  background: #CCC;
  width: 30px;
  height: 30px;
  overflow: hidden;
  z-index:999;
  font-size: 10px;
  line-height: 7px;
  color: #FFF;
  text-align:center;
}

.post .rank .value {
  font-size: 26px;
  letter-spacing: 0;
  line-height: 1.1em;
  display: block;
  font-weight: bold;
}

.post .rank.digits_3 .value {  font-size: 18px; margin-top: 3px; }
.post .rank.digits_4 .value {  font-size: 13px; margin-top: 6px; }

.post .rank-up {
  background: #92bb69;
  color: #FFF;
}

.post .rank-down {
  background: #e0482f;
  color: #FFF;
}

.body {
  margin: 0;
}

ul.posts dl.actions dd.action-button a .name {
  overflow: hidden;
	background-repeat:no-repeat;
  background-color: #CCCCCC;
  color: #FFFFFF;
  padding: 0 5px 0 3px;
  text-transform: lowercase;
}
ul.posts dl.actions dd.action-button a .count {
	background-repeat: no-repeat;
	padding-left: 3px;
  padding-right: 15px;
}

ul.posts dl.actions dd.action-button.user-selected a .count,
ul.posts dl.actions dd.action-button.has-value a .count {
	background-position: right -13px !important;
}

ul.posts dl.actions dd.action-button.user-selected.cheer-button {
  border-color: #f55858;
}
ul.posts dl.actions dd.action-button.user-selected.cheer-button a .name {
  background-color: #f55858;
}
ul.posts dl.actions dd.action-button.user-selected.cheer-button a .count,
ul.posts dl.actions dd.action-button.has-value.cheer-button a .count {
  color: #f55858;
}
ul.posts dl.actions dd.action-button.cheer-button a .count {
	background-image: url('fy3rnwc7Gymean0gDMmo9rswE5xACnvVcPaanC9uUmj.png');
	background-position: right 0px;
  padding-right: 15px;
}

ul.posts dl.actions dd.action-button.user-selected.really-button {
  border-color: #4d3f35;
}
ul.posts dl.actions dd.action-button.user-selected.really-button a .name {
  background-color: #4d3f35;
}
ul.posts dl.actions dd.action-button.user-selected.really-button a .count {
  color: #4d3f35;
}
ul.posts dl.actions dd.action-button.really-button a .count {
	background-image: url('Xsl6F1yLRHZpQaoED5eLDpA6JEwDGwEfhoBtwnWlxuP.png');
	background-position: right 0px;
}

ul.posts dl.actions dd.action-button.user-selected.comment-button {
  border-color: #b3a68b;
}
ul.posts dl.actions dd.action-button.user-selected.comment-button a .name {
  background-color: #b3a68b;
}
ul.posts dl.actions dd.action-button.user-selected.comment-button a .count,
ul.posts dl.actions dd.action-button.has-value.comment-button a .count {
  color: #b3a68b;
}
ul.posts dl.actions dd.action-button.comment-button a .count {
	background-image: url('vAG95u15qJNmTK0RToKpHfE0HfREzayDGMEjngKrMZQ.png');
	background-position: right 0px;
}

ul.posts dl.actions dd.action-button.loading a .count {
	background-image:url('g6viReA6MzNgSkrLFqICUGXSpkYNnDD6Ox1NpNIcnej.gif') !important;
	background-position: right -1px !important;
}

	ul.posts li.post img.item-icon { vertical-align:middle; margin-right:10px; }
	ul.posts li.small-item span { float:left; padding-left:25px; background:url('7PdAP0PyXV2KAJheV1nyvsKwBKM7nVo1cfu8BDr8luP.png') 0 3px no-repeat; }
	ul.posts li.small-item.loading span { background:url('g6viReA6MzNgSkrLFqICUGXSpkYNnDD6Ox1NpNIcnej.gif') 0 3px no-repeat; color: #ccc; }
	ul.posts li.small-item.loading span a { color: #ccc; }
	ul.posts li.small-item.loading ul li a { color: #ccc; }

	ul.posts li.post.goalstarted { background:transparent url("vkSCCgYjhBsbRRD940V7yWMgZ4qShME6dNt6LMmn7s5.png") 575px 20px no-repeat;  }

	ul.posts li.post .tools { position: absolute; right: 0; bottom: 3px;  }
	ul.posts li.post.system-meta .tools { position: absolute; right: 0; bottom: 0; top: 1px; }
	ul.posts li.post .tools .heart-count { color:#FF9900;}

	/** post images **/
	ul.posts li.post ul.entryElement { margin-bottom:0; }

	ul.posts li.post strong.highlighted,
	ul.posts li.post strong.highlighted a { font-weight:bold; color:#FF9900; }
	ul.posts li.post strong { font-weight:bold; color:#888; }
	ul.posts li.post strong.big { font-size:1.2em; }

	ul.posts li.post .yesno-toggle { float:right; margin-top:5px;}

ul.posts li.post .detail {  }
	ul.posts li.post .responses { /*font-size:0.9em;*/  margin: 10px 50px 0 50px;  display:block; -webkit-padding-start: 0px; }
		ul.posts li.post .responses li { padding:.5em 0 .5em 0; display:block; border-top:1px dashed #e0e0db; }
			ul.posts li.post .responses li .response-body { display:table-cell; vertical-align:top; font-size:.9em; }
			ul.posts li.post .responses li img.avatar { /* display: none; */ margin-bottom:10px; float:left; margin-right:5px; vertical-align:middle; width:20px !important; height:20px !important; }
	ul.posts li.post .responses .showall { font-size:12px; text-align:right; margin-top:-5px; }
	ul.posts li.post .responses li .timestamp {color: #CCC; font-size: 11px; padding: 0 0 0 5px;}

ul.posts li.post.editorial-item { margin-bottom:30px; }
	ul.posts li.post.editorial-item .badge {position:absolute; top:0; left:0; z-index:5;}
	ul.posts li.post.editorial-item .footer {position:absolute; bottom:-24px; left:-4px; z-index:0;}
	ul.posts li.post.editorial-item h4 { text-align:center; color:#FF9900; }
	ul.posts li.post.editorial-item h4 a { color:#FF9900; }
	ul.posts li.post.editorial-item img.left { float:left; margin: 0 1em .5em 0; }

ul.posts li.post .comment-entry:first-child { padding-top: 1em; margin-top:1em; border-top: 1px dashed #e0e0db; }
ul.posts li.post .comment-entry { clear: both; margin: 0 50px; }
	ul.posts li.post .comment-entry div.avatar { float:left; }
	ul.posts li.post .comment-entry textarea { margin-top:0; width:100%; margin-bottom:5px; height: 60px; }
	ul.posts li.post .comment-entry .button-wrapper { text-align:right; margin:.25em 0; }

.post h6 { text-transform:uppercase; margin-bottom:0; line-height:1; }
	.post h6 a { color:#FF9900; }
.post h2 { margin-bottom:0; }

ul.posts .post .responses.truncate li.show-all-notes {
  font-size: 0.9em;
  padding-left: 24px;
}

ul.posts .post .responses.truncate li.response.truncate {
  display: none;
}

ul.posts .post .responses .response.cheer-button {
  background-image: url('JI0WlIuNYy5UEIsVDebN1z7KOOFxXMFx3MJfTDgYW9n.png');
  background-position: right 8px;
  background-repeat: no-repeat;
  padding-right: 18px;
}

ul.posts .post .responses .response.really-button {
  background-image: url('yCjnw0LBiBWLRqVMT81LCqf18pzZMPfW2ayvHCNXUti.png');
  background-position: right 8px;
  background-repeat: no-repeat;
  padding-right: 18px;
}

ul.posts .post .responses .response.comment {
  background-image: url('Kc3AVxQDb4CI9CaEZdTi5VKj1KoFrP3YIowI7wPodir.png');
  background-position: right 8px;
  background-repeat: no-repeat;
  padding-right: 18px;
}

.postlist .show-more-btn-wrapper {
  text-align: center;
}

.postlist .show-more-btn-wrapper img {
  display: none;
  margin: 0 auto 0 auto;
  height: 19px;
}

.postlist .show-more-btn-wrapper.loading .ui-btn,
.postlist .show-more-btn-wrapper.loading button {
  display: none;
}

.postlist .show-more-btn-wrapper.loading img {
  display: block;
}

/***** END postlist.css ******/

/***** START common.css ******/

.displayNone { display: none; }

/* Progress colors */
.progress { background: #f0f0f0; }

.failed .progress { background-color: #F7D3C6 !important; }
.q0 .progress { background-color: #F6DBB9 !important; }
.q1 .progress { background-color: #FFF9E4 !important; }
.q2 .progress { background-color: #F2F7C4 !important; }
.q3 .progress { background-color: #E5EDC3 !important; }
.finished .progress { background-color: #DCE9CF !important; }

.failed .progress-bar { background-color: #DF4711; }
tr.failed { color: #E56C41; font-weight: bold; }
.overall-progress.failed,
.report-box .details.failed strong,
.failed .progress-value { color: #DF4711; }
.post .failed a { color: #DF4711; font-size: 14px !important; line-height: 10px; }
.updates.history .failed a { color: #DF4711; font-size: 30px !important; line-height: 30px; }
.post .failed.past a, .updates.history .failed.past a { color: #F7D3C6; }

.q0 .progress-bar { background-color: #EC8438; }
tr.q0 { color: #F09D60; font-weight: bold; }
.report-box .details.q0 strong,
.overall-progress.q0,
.q0 .progress-value { color: #EC8438; }
.post .q0 a { color: #EC8438; font-size: 16px !important; line-height: 14px; }
.updates.history .q0 a { color: #EC8438; font-size: 40px !important; line-height: 30px; }
.post .q0.past a, .updates.history .q0.past a { color: #F6DBB9; }

.q1 .progress-bar { background-color: #F5D451;}
tr.q1 { color: #F7DD74; font-weight: bold; }
.overall-progress.q1,
.report-box .details.q1 strong,
.q1 .progress-value { color: #F5D451; }
.post .q1 a { color: #F5D451; font-size: 20px !important; line-height: 18px; }
.updates.history .q1 a { color: #F5D451; font-size: 45px !important; line-height: 30px; }
.post .q1.past a, .updates.history .q1.past a { color: #FBEEB9; }

.q2 .progress-bar { background-color: #DEDE5A; }
tr.q2 { color: #E5E37B; font-weight: bold; }
.overall-progress.q2,
.report-box .details.q2 strong,
.q2 .progress-value { color: #DEDE5A; }
.post .q2 a { color: #DEDE5A; font-size: 24px !important; line-height: 20px; }
.updates.history .q2 a { color: #DEDE5A; font-size: 50px !important; line-height: 30px; }
.post .q2.past a, .updates.history .q2.past a { color: #F2F1BD; }

.q3 .progress-bar { background-color: #BFD269; }
tr.q3 { color: #CCDB87; font-weight: bold; }
.overall-progress.q3,
.report-box .details.q3 strong,
.q3 .progress-value { color: #BFD269; }
.post .q3 a { color: #BFD269; font-size: 28px !important; line-height: 24px; }
.updates.history .q3 a { color: #BFD269; font-size: 55px !important; line-height: 35px; }
.post .q3.past a, .updates.history .q3.past a { color: #E5EDC3; }

.finished .progress-bar { background-color: #92BB69; }
tr.finished { color: #A8C987; font-weight: bold; }
.overall-progress.finished,
.report-box .details.finished strong,
.finished .progress-value { color: #92BB69; }
.post .finished a { color: #92BB69; font-size: 28px !important; line-height: 24px; }
.updates.history .finished a { color: #92BB69; font-size: 55px !important; line-height: 35px; }
.post .finished.past a, .updates.history .finished.past a { color: #DCE9CF; }

 .over-limit .progress-bar { background-color: #FF3300; }
 .over-limit .progress-value { color: #FF3300; }

 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     /* display: none; <- Crashes Chrome on hover */
     -webkit-appearance: none;
     margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
 }

 table.leaderboard { width:100%; float:left; line-height:1.2; }
  table.leaderboard tr,
  table.leaderboard tr td { vertical-align:middle;}
  table.leaderboard td.user { display: block; padding: 5px 0 8px 51px; position:relative; height:50px; background:transparent url('7bGDCTM14YNiOF1fxTxsJqf9w2VqCjTCzJODdOF33G7.png') no-repeat top left; }
    table.leaderboard td.user div.teamPicture,
    table.leaderboard td.user div.avatar { float: left; margin-left: -45px; position: relative; z-index: 1000; }
      table.leaderboard td.user div.teamPicture img,
      table.leaderboard td.user div.avatar img { width: 45px; height: 45px; }
      .ie8 table.leaderboard #row-1 td.user div.teamPicture img,
      .ie8 table.leaderboard #row-1 td.user div.avatar img { margin-top: -4px; }
	table.leaderboard td.user .user-wrap { height: 45px; position: relative; background-color: #f0f0f0; }
      .ie8 table.leaderboard #row-1 td.user .user-wrap { margin-top: -4px; }
      table.leaderboard td.user .user-wrap .username { padding: .25em; }
        table.leaderboard td.user .user-wrap .username a { color: #555; }
    table.leaderboard td.user .user-wrap div.username { position: relative; z-index: 2; height: 14px; overflow: hidden; }
      table.leaderboard td.user .user-wrap .progress-bar { position: absolute; left:0;top:0; width:50%; height:45px; text-align:right; color:#fff; font-weight:bold; z-index:1; }
      table.leaderboard td.user .user-wrap .progress-bar.lowvalue { text-align: left; }
        table.leaderboard td.user .user-wrap .progress-bar span { padding: .25em; position:absolute; right:0; bottom:0; text-transform: lowercase; }
        table.leaderboard td.user .user-wrap .progress-bar.lowvalue span { left: 0; right: auto; }
    table.leaderboard td.user .location { font-size:11px; }

.challenge-leaders.show-members .members-leaderboard { display: block; clear: both; }
.challenge-leaders.show-members .teams-leaderboard { display: none; clear: both;}
.challenge-leaders.show-members .members-filter-link { color: #666; }
.challenge-leaders.show-members .teams-filter-link { color: #0076a3; }
.challenge-leaders.show-members .members-leaderboard-link { display: block; text-align: right; font-size: .85em; }
.challenge-leaders.show-members .teams-leaderboard-link { display: none;  text-align: right; font-size: .85em; }
.challenge-leaders.show-teams .members-leaderboard { display: none; }
.challenge-leaders.show-teams .teams-leaderboard { display: block; }
.challenge-leaders.show-teams .teams-filter-link { color: #666; }
.challenge-leaders.show-teams .members-filter-link { color: #0076a3; }
.challenge-leaders.show-teams .members-leaderboard-link { display: none; }
.challenge-leaders.show-teams .teams-leaderboard-link { display: block; text-align: right; font-size: .85em; }

.boxed {
	border: 1px solid #BBC5D0;
	margin-bottom: 1em;
	background: #D1E7F4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1E7F4', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#D1E7F4), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(-90deg, #D1E7F4, #ffffff) repeat scroll 0 0 transparent;
	}
	.boxed .content { padding: 7px; }


.page-register-profile form .row label {
  color: #0076A3;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  }

.page-register-profile form .row { margin-bottom: .5em; }
/***** END common.css ******/