body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
/**=================== Mixins =======================**/
/* Vertical align using line-height. plz note that this can only be
   used if you know the exact height of the section. This is always a
   mixin, because there's no common rules other than the sizes. Also,
   if you have multiple lines in any of the centered elements, you
   must reset the line-height on those elements to the actual value,
   or the 2nd line will be a helf-height below the bottom of the row.

   Lastly, when using this, keep all the elements you're trying to
   have vertically centered as immediate children of the
   container.
*/
/* Rules needed for getting text-overflow:ellipsis to work. These are
   merely neccessary, but not always sufficient; often you'll also
   need to explicitely set a width or max-width on the element */
/**============================== Fonts ==============================**/
/**============================== Colors ==============================**/
/**============================== Version Control ==============================**/
/**============================== Reset CSS ==============================**/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tfoot,
thead,
tr,
th,
td,
input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}
body {
  margin: 0;
  width: 100%;
  position: relative;
  word-wrap: break-word;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/**  ============================== Sane Box Model  ============================== **/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/**  ============================== Anchor Styling  ============================== **/
a {
  color: #295CA0;
}
a:hover {
  color: #6f94db;
}
/**============================== Body Styles & Wrapper ==============================**/
html,
body {
  height: 100%;
}
html {
  font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 2.4em;
  color: #2e393d;
}
body {
  background-color: #fcfbfa;
  overflow-y: scroll;
}
#wrapper {
  overflow: hidden;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -100px;
  min-width: 960px;
  background: #fff;
}
#wrapper.logged-out {
  margin-bottom: 0px;
}
#wrapper.logged-out .push {
  height: 220px;
}
/** ============================== Sticky Footer ============================== **/
.push {
  height: 100px;
  clear: both;
}
/*Opera Fix*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}
/** ============================== Element Styling ============================== **/
hr {
  color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.backlink {
  float: right;
  font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6,
label {
  font: normal 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
  /** Reset all Headings **/

}
h1 {
  font-size: 24px;
}
h2,
h3 {
  font-size: 17px;
}
h4 {
  font-size: 17px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 11px;
}
hr {
  height: 0;
  width: 100%;
  margin: 2em 0;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  background: none;
}
hr.blue-indented {
  border-top: 1px solid #88d9f3;
  border-bottom: 1px solid #b6e8f8;
  margin: 10px 0;
}
td,
th {
  padding: 5px;
  display: table-cell;
  border: solid 1px;
  position: relative;
}
p {
  margin: 0em 0em .7em;
  font-size: 13px;
}
p:last-child {
  margin: 0;
}
ol {
  list-style: decimal outside;
}
ul {
  list-style: none;
  font-size: 12px;
}
ul.bulleted {
  list-style: disc outside;
  margin-left: 15px;
}
blockquote {
  font-style: italic;
  padding-left: 75px;
  font-size: 13px;
  line-height: 25px;
}
table {
  border: solid 1px;
  -webkit-background-clip: padding;
}
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/**============================== Form Element Styling Classes ==============================**/
.widget-photo-upload {
  text-align: center;
}
.widget-photo-upload .avatar {
  display: inline-block;
}
.widget-photo-upload label {
  font-size: 16px;
  color: #8f9a9e;
}
.fancy-switch-wrapper label {
  background: url("/site_media/images/master-sprite.png?v101813") -864px -107px;
  display: inline-block;
  cursor: pointer;
  width: 100%;
}
.fancy-switch-wrapper .fancy-switch {
  display: none;
}
.fancy-switch-wrapper .fancy-switch:checked + label {
  background-position: -950px -107px;
}
.fancy-switch-wrapper.switch-first label {
  padding: 0 0 0 90px;
}
.fancy-switch-wrapper.switch-last .fancy-switch:checked + label,
.fancy-switch-wrapper.switch-last label {
  background: none;
}
.fancy-switch-wrapper.switch-last label {
  padding: 0;
}
.fancy-switch-wrapper.switch-last label:before {
  background: url("/site_media/images/master-sprite.png?v101813") -864px -107px;
  height: 40px;
  width: 82px;
  display: inline-block;
  content: "";
  float: right;
}
.fancy-switch-wrapper.switch-last .fancy-switch:checked + label:before {
  background-position: -950px -107px;
}
.fancy-switch-wrapper.disabled {
  opacity: 0.5;
}
.fancy-switch-wrapper.disabled > label {
  cursor: default;
}
.fancy-radio-box {
  display: none;
}
.fancy-radio-box + label {
  line-height: 100%;
  display: block;
  color: #8f9a9e;
  font-weight: bold !important;
  font-size: 18px !important;
  padding: 5px 10px;
  margin: 5px;
  text-align: center;
}
.fancy-radio-box + label:hover,
.fancy-radio-box:checked + label,
.fancy-radio-box:checked:hover + label {
  text-decoration: none;
  color: #FFF !important;
  background-color: #1da6da;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  cursor: pointer;
}
.search-container {
  position: relative;
}
.search-container input {
  background: #FFF;
  /* old browsers */

  font-size: 13px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 5px 30px 5px 5px;
  border: 1px solid #DEDFE0;
  width: 100%;
  height: 26px;
  color: #AEAEAE;
}
.search-container input:focus {
  border: 2px solid #1da6da;
}
.search-container span,
.search-container button {
  background: url("/site_media/images/master-sprite.png?v101813") -554px -20px;
  text-indent: -9999px;
  width: 17px;
  height: 18px;
  position: absolute;
  top: 4px;
  right: 5px;
}
.sidebar-column .search-container {
  width: 100%;
}
/**============================== Text Styling Classes ==============================**/
.ultra-header {
  font-size: 72px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #FFF;
  line-height: 85%;
  margin-bottom: 10px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
}
.ultra-subheader {
  color: #8f9a9e;
}
.main-content-section-title {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 48px;
  color: #1e2b32;
  line-height: 100%;
  margin-bottom: 5px;
}
.major-header {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1da6da;
  font-size: 30px;
  font-weight: normal;
  line-height: 130%;
  margin-bottom: 5px;
}
.major-header.dark {
  color: #1e2b32;
}
.major-header.dark-gray {
  color: #626d71;
}
.major-header.gray {
  color: #BCC3C5;
}
.major-header.gray a {
  color: #8f9a9e;
  text-decoration: none;
  border-bottom: 1px dotted #BCC3C5;
}
.major-header.gray a:hover {
  color: #7d8a8e;
}
.major-header.blue {
  color: #1da6da;
}
.major-header .secondary {
  font-size: 16px;
}
.major-header:last-child {
  margin-bottom: 0;
}
.secondary {
  color: #8f9a9e;
}
.marketing-header {
  font-size: 30px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1e2b32;
}
.marketing-header.blue {
  color: #1da6da;
}
p.marketing-body {
  color: #BCC3C5;
  font-size: 28px;
  line-height: 130%;
  margin: 0;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.dramatic-body {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 24px;
}
.dramatic-body.blue {
  color: #1da6da;
}
.dramatic-body.dark-gray {
  color: #626d71;
}
.dramatic-body.dark {
  color: #1e2b32;
}
.bariol-label {
  font-size: 18px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.bariol-label.blue {
  color: #1da6da;
}
.bariol-label.dark {
  color: #1e2b32;
}
.minor-header {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.list-item-title,
a.list-item-title:hover {
  color: #1e2b32;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.large-body {
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #626D71;
}
.small-detail {
  color: #8f9a9e;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
small {
  line-height: 100%;
}
/**============================== General Positioning Classes ==============================**/
.tar {
  text-align: right;
}
.tal {
  text-align: left;
}
.tac {
  text-align: center;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.center-parent:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.vertical-center {
  display: inline-block;
  vertical-align: middle;
}
/**============================== Table Cell Middle Aligning ==============================**/
.dat {
  display: table;
  width: 100%;
}
/**============================== Clear Fix ==============================**/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
/************************************** Site Layout ******************************************/
.sidebar-column {
  float: left;
  width: 318px;
  padding: 15px 25px;
  min-height: 1px;
}
.sidebar-column > div {
  padding: 8px 0;
  position: relative;
}
.sidebar-column > div:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
}
.sidebar-column > div:first-child {
  padding-top: 0;
}
.sidebar-column h2 {
  font-size: 21px;
  font-weight: bold;
}
.sidebar-column h3 {
  margin-bottom: 8px;
}
.sidebar-column h3 a.small-detail {
  margin-top: 3px;
}
.sidebar-column h3 a:hover {
  color: #2e393d;
  text-decoration: underline;
}
.sidebar-column ul.profile-data {
  margin-bottom: 15px;
}
.sidebar-column ul.profile-data li {
  font-size: 13px;
  line-height: 130%;
  color: #626D71;
}
.main-content-column {
  float: left;
  width: 639px;
  min-height: 1000px;
  border-left: 1px solid #E1E1E1;
}
.main-content-column .action > p {
  padding-right: 15px;
}
.full-width-panel {
  border-bottom: 1px solid #E1E1E1;
  margin: 0 -2000px;
  padding: 0 2000px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding-top: 25px;
  padding-bottom: 25px;
  width: 960px;
}
.big-logo-panel,
.small-logo-panel {
  background-color: #f8f9fa;
  border-top: 1px solid #FFF;
}
.big-logo-panel #big-logo,
.big-logo-panel #small-logo {
  float: left;
  margin-left: 19px;
}
.big-logo-panel > div {
  float: left;
  margin-left: 36px;
  width: 600px;
}
.big-logo-panel > div p {
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #626D71;
  width: 500px;
}
.big-logo-panel #message_container {
  position: absolute;
  top: 26px;
  left: 354px;
  margin: 0;
}
.small-logo-panel {
  padding-top: 18px;
  padding-bottom: 18px;
  height: 30px;
}
.small-logo-panel #small-logo {
  margin-top: 5px;
  float: left;
  margin-left: 19px;
}
.small-logo-panel > div {
  float: left;
  margin-left: 36px;
  width: 600px;
}
.small-logo-panel .avatar-row {
  padding: 15px;
  width: auto;
  float: right;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
.small-logo-panel .avatar-row .avatar {
  float: left;
  margin-right: 5px;
  margin-bottom: 2px;
}
.small-logo-panel .avatar-row .friend-overflow {
  float: left;
  font-size: 11px;
  color: #8E999E;
}
.small-logo-panel .avatar-row .friend-overflow span {
  color: #1e2b32;
}
#landing_content,
#content {
  overflow: visible;
  position: relative;
}
#content {
  width: 960px;
  margin: 0 auto;
  border-left: 1px solid #E1E1E1;
  border-right: 1px solid #E1E1E1;
}
#content.lone-column {
  width: 639px;
  min-height: 500px;
}
.hero-panel {
  overflow: hidden;
}
.hero-panel .left,
.hero-panel .right {
  float: left;
  position: relative;
}
.hero-panel .left {
  width: 318px;
}
.hero-panel .right {
  width: 639px;
  position: relative;
}
/**************************** Overrides ********************************/
#_kmfc,
#stripeFrame {
  display: none;
}
/**============================== List Styles ====================================**/
.horizontal-list li {
  display: inline-block;
  border-right: 1px solid #E1E1E1;
  padding: 0 8px;
  zoom: 1;
  *display: inline;
}
.horizontal-list li:first-child {
  padding-left: 0;
}
.horizontal-list li:last-child {
  border-right: 0;
  padding-right: 0;
}
.horizontal-list.normalize-align li,
.horizontal-list.normalize-align label {
  vertical-align: top;
}
.horizontal-list.normalize-align .inline-label {
  margin-top: 8px;
}
.horizontal-list.centered {
  text-align: center;
}
.entity-list {
  padding: 0;
}
.entity-list table {
  width: 100%;
  font-size: 16px;
  border: 0;
  background: transparent;
  text-align: left;
  border-spacing: 0;
}
.entity-list table img {
  float: left;
  height: 110px;
  width: 110px;
}
.entity-list table th {
  padding: 20px;
  color: #2e393d;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.entity-list table td {
  padding: 15px;
  border: 0;
  line-height: 110%;
  vertical-align: middle;
  border-bottom: 1px solid #dfe0e1;
}
.entity-list table td:first-child {
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.entity-list table .name {
  margin-left: 125px;
  margin-top: 15px;
}
.entity-list table .pill-btn {
  float: right;
}
/**============================== Link Styles ====================================**/
.block-links a {
  font-size: 12px;
  padding: 5px 10px;
  color: #8f9a9e;
  display: block;
}
.block-links a.labeled-icon {
  padding-left: 35px;
}
.block-links a:hover,
.block-links a.confirmed {
  background-color: #e7f5fb;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  color: #1da6da;
  text-decoration: none;
}
.block-links a.crossed-swords-icon:before {
  left: 10px;
}
.block-links a.invite-icon:before {
  left: 8px;
  top: 7px;
}
.block-links a.network-icon:before {
  left: 10px;
}
.block-links a.wrench-icon:before {
  left: 10px;
}
.block-links a.strike-circle-icon:before {
  left: 10px;
}
.block-links a.cross-icon:before {
  left: 13px;
  top: 8px;
}
/**============================== Generic Widget and Modal Window Styling ====================================**/
#mask {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 100;
  background-color: black;
}
/* partial mask */
.pmask {
  position: absolute;
  z-index: 17;
  background-color: #000;
  opacity: 0.25;
}
.modal_window {
  position: fixed;
  width: 720px;
  height: auto;
  overflow: hidden;
  overflow-y: auto;
  z-index: 9999!important;
}
.modal_window .header img {
  float: left;
  margin-right: 10px;
}
.modal_window .header :last-child {
  margin: 0;
}
.modal_window h2,
.modal_window h3 {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0;
}
.modal_window h2 {
  font-size: 30px;
  color: #1da6da;
}
.modal_window h3,
.modal_window p {
  font-size: 13px;
}
.modal_window .modal-label {
  font-size: 18px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1da6da;
  font-weight: normal;
}
.modal_window.game-event {
  width: 450px;
}
.modal_window .user-list {
  padding: 4px;
}
.modal_window.gray.settings {
  width: 285px;
}
.modal_window.gray h3,
.modal_window.gray p {
  font-size: 16px;
}
.purple-header-border:before {
  content: "";
  display: block;
  height: 12px;
  background: #362551;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #63256b), color-stop(1, #362551));
  background: -ms-linear-gradient(bottom, #63256b, #362551);
  background: -moz-linear-gradient(center bottom, #63256b 0%, #362551 100%);
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.purple-header-border .close_modal {
  top: 24px;
}
.modal-scrollable-container {
  height: 350px;
  overflow-y: scroll;
}
.modal_footer button {
  margin-left: 10px;
}
.widget {
  background-color: #FFF;
  border: 1px solid #E0E0E0;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 150%;
  padding: 0;
  z-index: 3;
}
.widget.naked {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-background-clip: padding-box;
  -moz-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  border-top: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
}
.widget.very-naked {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-background-clip: padding-box;
  -moz-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
}
.widget h1:last-child,
.widget h2:last-child,
.widget h3:last-child,
.widget h4:last-child {
  margin-bottom: 0;
}
.widget h3 {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.widget h4 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
}
.widget.no-inner-borders .widget-subsection {
  border: 0;
  padding: 5px 10px;
}
.widget.no-inner-borders .widget-subsection.challenge-icon,
.widget.no-inner-borders .widget-subsection.wrench-icon {
  padding: 8px 10px 8px 41px;
}
.widget input[type="text"],
.widget input[type="password"],
.widget input[type="number"],
.widget textarea {
  margin-bottom: 10px;
  border: 1px solid #dfe0e1;
  font-size: 12px;
}
.widget input[type="text"]:focus,
.widget input[type="password"]:focus,
.widget input[type="number"]:focus,
.widget textarea:focus {
  border: 1px solid #a7d9ff;
}
.widget.gray {
  background-color: #F4F5F5;
  -webkit-box-shadow: 0 0 0 12px #ffffff;
  -moz-box-shadow: 0 0 0 12px #ffffff;
  box-shadow: 0 0 0 12px #ffffff;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  border: 0;
  z-index: 95;
}
.widget.gray h4 {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #1da6da;
}
.widget.gray .widget-subsection {
  padding: 12px;
}
.widget.gray .widget-subsection.tight {
  padding: 5px 12px;
}
.widget.gray .major-header blue a {
  color: #8f9a9e;
}
.widget.gray .secondary {
  font-size: 16px;
  color: #626D71;
}
.widget.gray .secondary small {
  color: #8f9a9e;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.widget.gray .secondary.large {
  font-size: 17px;
  color: #2e393d;
}
.widget.gray .chevron-icon.labeled-icon:before {
  margin-top: 3px;
}
.widget.gray a {
  color: #1da6da;
}
.widget.gray .close_modal {
  right: 10px;
  top: 4px;
  color: #a7a7a7;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.widget.gray .remove-link {
  position: absolute;
  top: 6px;
  right: 6px;
}
.widget.gray .nav-back {
  color: #626d71;
  display: inline-block;
  margin-bottom: 10px;
}
.widget.gray .nav-back:before {
  left: 0;
}
.widget.gray .form-help-text {
  display: table-cell;
  vertical-align: middle;
  width: 115px;
}
.widget.gray .widget-full-width-block label {
  font-size: 16px;
  font-weight: normal;
  color: #626D71;
}
.widget.gray .widget-full-width-block .check-radio-label {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  top: 3px;
}
.widget.gray.has-drop-shadow {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0px 32px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0 0px 32px rgba(0, 0, 0, 0.9);
  box-shadow: 0 0px 32px rgba(0, 0, 0, 0.9);
}
.widget.gray.has-drop-shadow > .white-border-wrapper {
  -webkit-box-shadow: 0 0 0 12px #ffffff;
  -moz-box-shadow: 0 0 0 12px #ffffff;
  box-shadow: 0 0 0 12px #ffffff;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
.widget .widget-blocks-wrapper {
  padding: 0 !important;
}
.widget .widget-full-width-block,
.widget .widget-full-width-block input,
.widget .widget-full-width-block a,
.widget .widget-full-width-block label {
  font-size: 18px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #8f9a9e;
}
.widget .widget-full-width-block {
  border-bottom: 1px solid #DFE0E1;
  display: block;
  padding: 15px;
  overflow: hidden;
  position: relative;
}
.widget .widget-full-width-block:last-child {
  border: 0;
}
.widget .widget-full-width-block.labeled-icon {
  padding-left: 45px;
}
.widget .widget-full-width-block input[type="text"],
.widget .widget-full-width-block input[type="password"],
.widget .widget-full-width-block input[type="number"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent;
  margin: 0;
  width: 100%;
}
.widget .widget-full-width-block.male-icon.medium {
  padding-left: 65px;
}
.widget .widget-full-width-block.male-icon.medium:before {
  top: 10px;
  left: 20px;
}
.widget .widget-full-width-block.male-icon.medium.breathing-actionable:hover:before {
  top: 8px;
  left: 18px;
}
.widget .widget-full-width-block.female-icon.medium {
  padding-left: 65px;
}
.widget .widget-full-width-block.female-icon.medium:before {
  top: 10px;
  left: 22px;
}
.widget .widget-full-width-block.female-icon.medium.breathing-actionable:hover:before {
  top: 8px;
  left: 20px;
}
.widget .widget-full-width-block.fito-icon.medium,
.widget .widget-full-width-block.fb-icon.medium,
.widget .widget-full-width-block.twitter-icon.medium,
.widget .widget-full-width-block.rk-icon.medium,
.widget .widget-full-width-block.tumblr-icon.medium,
.widget .widget-full-width-block.email-icon.medium {
  padding-left: 75px;
}
.widget .widget-full-width-block.fito-icon.medium:before {
  top: 7px;
  left: 29px;
}
.widget .widget-full-width-block.fb-icon.medium:before {
  top: 9px;
  left: 37px;
}
.widget .widget-full-width-block.twitter-icon.medium:before {
  top: 10px;
  left: 28px;
}
.widget .widget-full-width-block.tumblr-icon.medium:before {
  top: 9px;
  left: 33px;
}
.widget .widget-full-width-block.rk-icon.medium:before {
  top: 5px;
  left: 23px;
}
.widget .widget-full-width-block.email-icon.medium:before {
  top: 13px;
  left: 27px;
}
.widget .widget-full-width-block a:hover {
  color: #1da6da;
}
.widget .widget-full-width-block.actionable {
  cursor: pointer;
}
.widget .widget-full-width-block.actionable:hover {
  color: #1da6da;
}
.widget .widget-full-width-block.actionable:active {
  background-color: #e7f5fb;
}
.widget .jqEasyCounterMsg {
  float: right;
  height: 15px;
}
.widget-header .secondary {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
}
.widget-header.two-lines:before {
  margin: 5px 10px 0 5px;
}
.widget-header.two-lines h3 {
  margin: 0;
}
.widget-header.collapse-trigger {
  cursor: pointer;
}
.widget-header.collapse-trigger:hover h3 {
  color: #1da6da;
}
.widget-height-wrapper {
  max-height: 400px;
  overflow-y: scroll;
}
.widget-section {
  border-bottom: 1px solid #C7C7C7;
  padding-bottom: 10px;
  position: relative;
}
.widget-section + .widget-section {
  padding-top: 10px;
}
.widget-section + .widget-section .small-gray-chevron {
  top: 25px;
}
.widget-section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.widget-subsection {
  padding: 10px;
  overflow: hidden;
  border-bottom: 1px solid #C7C7C7;
}
.widget-subsection:last-child {
  border-bottom: 0;
}
.widget-subsection.group-icon.labeled-icon.small {
  padding-left: 55px;
}
.widget-subsection.group-icon.labeled-icon.medium {
  padding-left: 65px;
}
.widget-subsection.group-icon.labeled-icon:before {
  left: 10px;
}
.widget-subsection.challenge-icon,
.widget-subsection.wrench-icon {
  padding: 8px 10px 8px 41px;
}
.widget-subsection.challenge-icon:before,
.widget-subsection.wrench-icon:before {
  left: 10px;
  top: 4px;
}
.widget-color-section {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 7px;
  display: block;
}
.widget-color-section > div {
  padding: 10px 0;
  border-bottom: 1px solid;
}
.widget-color-section > div:first-child {
  padding-top: 0;
}
.widget-color-section > div:last-child {
  padding-bottom: 0;
  border: 0;
}
.widget-color-section.gray {
  background-color: #f1f2f3;
  color: #8f9a9e;
}
.widget-color-section.blue {
  background-color: #e7f5fb;
  color: #449bb7;
  border: 1px solid #E0F2FA;
}
.widget-color-section.blue > div {
  border-color: #1da6da;
}
.widget-color-section input[type="text"],
.widget-color-section textarea {
  margin: 0;
}
.widget-color-section .checkbox.inline-block {
  margin: -7px 0;
}
.widget-challenge-info {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.widget-challenge-info div,
.widget-challenge-info .widget-challenge-message,
.widget-challenge-info p,
.widget-challenge-info li {
  font-size: 12px;
  color: #1da6da;
  font-size: 16px;
}
.widget-challenge-info ul {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 150%;
}
.settings-saved-mask {
  background-color: #384649;
  width: 100%;
  height: 100%;
  color: #FFF;
  font-size: 30px;
  text-align: center;
  border-radius: 5px;
  z-index: 100;
  position: absolute;
}
.settings-saved-mask > div {
  position: relative;
  top: 47%;
}
#big-logo,
#small-logo,
.feed-icon:before,
.feed-icon-nobefore,
.star-icon:before,
.fito-icon:before,
.leaders-icon:before,
.group-icon:before,
.science-icon:before,
.achievement-icon:before,
.challenge-icon:before,
.wrench-icon:before,
.network-icon:before,
.title-icon:before,
.single-sword-icon:before,
.crossed-swords-icon:before,
.male-icon:before,
.female-icon:before,
.invite-icon:before,
.hero-icon:before,
.question-mark-icon:before,
.x-icon:before,
.chevron-icon:before,
.fb-icon:before,
.twitter-icon:before,
.rk-icon:before,
.email-icon:before,
.mobile-icon:before,
.propped:before,
.pr:before,
.remove-link:after,
.small-cross:before,
.unlocked-icon:before,
.ellipses-icon:before,
.smiley-icon:before,
.weight-icon:before,
.pencil-icon:before,
.notification-icon:before,
.google-icon:before,
.winner div:before,
.loser div:before,
.expand-view:before,
.view-post-icon:before,
.strike-circle-icon:before,
.checkmark-icon:before,
.tumblr-icon:before,
.heart-icon:before,
.add-item-icon:before,
.copy-item-icon:before,
.remove-item-icon:before,
.cross-icon:before,
.gear-icon:before {
  background: url("/site_media/images/master-sprite.png?v101813");
  content: "";
  display: block;
}
#big-logo,
#small-logo {
  text-indent: -9999px;
  cursor: pointer;
  position: relative;
}
#big-logo:hover,
#small-logo:hover {
  opacity: .9;
}
#big-logo:active,
#small-logo:active {
  top: 1px;
}
#big-logo {
  background-position: -132px -151px;
  width: 275px;
  height: 41px;
}
#small-logo {
  background-position: -893px -20px;
  width: 137px;
  height: 20px;
}
.feed-icon.gray.small:before {
  background-position: -504px -20px;
}
.feed-icon.gray.small.current:before,
.feed-icon.gray.small.actionable:hover:before {
  background-position: -529px -20px;
}
.feed-icon.dark.small:before {
  background-position: -529px -20px;
}
.feed-icon.dark.medium:before {
  background-position: -756px -44px;
}
.feed-icon.small:before {
  width: 21px;
  height: 18px;
}
.feed-icon.medium:before {
  width: 27px;
  height: 24px;
}
.feed-icon-nobefore.dark.medium {
  background-position: -756px -44px;
  width: 27px;
  height: 24px;
}
.star-icon.gray.medium:before {
  background-position: -481px -20px;
}
.star-icon.gray.medium.current:before,
.star-icon.gray.medium.actionable:hover:before {
  background-position: -458px -20px;
}
.star-icon.small:before {
  width: 14px;
  height: 13px;
}
.star-icon.medium:before {
  width: 19px;
  height: 18px;
}
.fito-icon.gray.small:before {
  background-position: -75px -44px;
}
.fito-icon.gray.small.current:before,
.fito-icon.gray.small.actionable:hover:before {
  background-position: 0px -44px;
}
.fito-icon.gray.medium:before {
  background-position: -278px -107px;
}
.fito-icon.gray.medium.current:before,
.fito-icon.gray.medium.actionable:hover:before {
  background-position: -315px -107px;
}
.fito-icon.blue.small:before {
  background-position: 0px -44px;
}
.fito-icon.blue.medium:before {
  background-position: -315px -107px;
}
.fito-icon.blue.medium.hover-stroke:hover:before,
.fito-icon.gray.medium.hover-stroke:hover:before {
  background-position: 0px -118px;
  width: 37px;
  height: 38px;
}
.fito-icon.small:before {
  width: 21px;
  height: 21px;
}
.fito-icon.medium:before {
  width: 33px;
  height: 34px;
}
.leaders-icon.gray.small:before {
  background-position: -673px 0px;
}
.leaders-icon.gray.small.current:before,
.leaders-icon.gray.small.actionable:hover:before {
  background-position: -645px 0px;
}
.leaders-icon.small:before {
  width: 24px;
  height: 14px;
}
.smiley-icon.semi-transparent.medium:before {
  background-position: -621px -107px;
}
.smiley-icon.semi-transparent.medium.current:before,
.smiley-icon.semi-transparent.medium.actionable:hover:before {
  background-position: -581px -107px;
}
.smiley-icon.medium:before {
  width: 36px;
  height: 36px;
}
.group-icon.semi-transparent.medium:before {
  background-position: -855px -44px;
}
.group-icon.semi-transparent.medium.current:before,
.group-icon.semi-transparent.medium.actionable:hover:before {
  background-position: -787px -44px;
}
.group-icon.gray.small:before {
  background-position: -377px -44px;
}
.group-icon.gray.current:before,
.group-icon.gray.actionable:hover:before {
  background-position: -343px -44px;
}
.group-icon.dark.small:before {
  background-position: -343px -44px;
}
.group-icon.dark.medium:before {
  background-position: -85px -108px;
}
.group-icon.dark.large:before {
  background-position: -48px -151px;
}
.group-icon.small:before {
  width: 30px;
  height: 22px;
}
.group-icon.medium:before {
  width: 35px;
  height: 25px;
}
.group-icon.large:before {
  width: 52px;
  height: 40px;
}
.science-icon.gray.small:before {
  background-position: -141px -44px;
}
.science-icon.gray.current:before,
.science-icon.gray.actionable:hover:before {
  background-position: -164px -44px;
}
.science-icon.dark.small:before {
  background-position: -164px -44px;
}
.science-icon.small:before {
  width: 19px;
  height: 21px;
}
.male-icon.semi-transparent.medium:before {
  background-position: -553px -73px;
}
.male-icon.semi-transparent.medium.current:before,
.male-icon.semi-transparent.medium.actionable:hover:before {
  background-position: -520px -73px;
}
.male-icon.white.medium:before {
  background-position: -520px -73px;
}
.male-icon.dark.small:before {
  background-position: -503px -44px;
}
.male-icon.gray.medium:before {
  background-position: -487px -73px;
}
.male-icon.gray.medium.current:before,
.male-icon.gray.medium.actionable:hover:before {
  background-position: -416px -73px;
}
.male-icon.blue.medium:before {
  background-position: -416px -73px;
}
.male-icon.small:before {
  width: 22px;
  height: 23px;
}
.male-icon.medium:before {
  width: 29px;
  height: 28px;
}
.female-icon.semi-transparent.medium:before {
  background-position: -617px -73px;
}
.female-icon.semi-transparent.medium.current:before,
.female-icon.semi-transparent.medium.actionable:hover:before {
  background-position: -665px -73px;
}
.female-icon.white.medium:before {
  background-position: -665px -73px;
}
.female-icon.dark.small:before {
  background-position: -484px -44px;
}
.female-icon.gray.medium:before {
  background-position: -713px -73px;
}
.female-icon.gray.medium.current:before,
.female-icon.gray.medium.actionable:hover:before {
  background-position: -689px -73px;
}
.female-icon.blue.medium:before {
  background-position: -689px -73px;
}
.female-icon.small:before {
  width: 15px;
  height: 23px;
}
.female-icon.medium:before {
  width: 20px;
  height: 29px;
}
.achievement-icon.white.medium:before {
  background-position: -1007px -73px;
}
.achievement-icon.medium:before {
  width: 30px;
  height: 30px;
}
.challenge-icon.white.small:before {
  background-position: -87px -73px;
}
.challenge-icon.white.medium:before {
  background-position: -586px -73px;
}
.challenge-icon.dark.small:before {
  background-position: -923px -44px;
}
.challenge-icon.small:before {
  width: 23px;
  height: 25px;
}
.challenge-icon.medium:before {
  width: 27px;
  height: 28px;
}
.challenge-icon.large:before {
  width: 44px;
  height: 48px;
}
.wrench-icon.gray.tiny:before {
  background-position: -882px 0px;
}
.wrench-icon.gray.tiny.actionable:hover:before {
  background-position: -863px 0px;
}
.wrench-icon.white.medium:before {
  background-position: 0px -107px;
}
.wrench-icon.dark.small:before {
  background-position: -1006px -44px;
}
.wrench-icon.tiny:before {
  width: 15px;
  height: 15px;
}
.wrench-icon.small:before {
  width: 25px;
  height: 25px;
}
.wrench-icon.medium:before {
  width: 30px;
  height: 30px;
}
.title-icon.white.medium:before {
  background-position: -982px -73px;
}
.title-icon.medium:before {
  width: 21px;
  height: 30px;
}
.single-sword-icon.white.medium:before {
  background-position: -324px -73px;
}
.single-sword-icon.medium:before {
  width: 26px;
  height: 26px;
}
.crossed-swords-icon.gray.tiny:before {
  background-position: -597px 0px;
}
.crossed-swords-icon.gray.tiny.actionable:hover:before {
  background-position: -557px 0px;
}
.crossed-swords-icon.gray.small:before {
  background-position: -694px -44px;
}
.crossed-swords-icon.gray.small.actionable:hover:before {
  background-position: -725px -44px;
}
.crossed-swords-icon.dark.tiny:before {
  background-position: -577px 0px;
}
.crossed-swords-icon.double-white.small:before {
  background-position: -631px -44px;
}
.crossed-swords-icon.tiny:before {
  width: 16px;
  height: 14px;
}
.crossed-swords-icon.small:before {
  width: 27px;
  height: 24px;
}
.unlocked-icon.semi-transparent.medium:before {
  background-position: -379px -107px;
}
.unlocked-icon.semi-transparent.current:before,
.unlocked-icon.semi-transparent.actionable:hover:before {
  background-position: -352px -107px;
}
.unlocked-icon.white.medium:before {
  background-position: -352px -107px;
}
.unlocked-icon.medium:before {
  width: 23px;
  height: 34px;
}
.ellipses-icon.dark:before {
  background-position: -10px 0px;
}
.ellipses-icon.dark.current:before,
.ellipses-icon.dark.actionable:hover:before {
  background-position: -53px 0px;
}
.ellipses-icon:before {
  width: 39px;
  height: 5px;
}
.invite-icon.white.medium:before {
  background-position: -100px -44px;
}
.invite-icon.gray.tiny:before {
  background-position: -452px 0px;
}
.invite-icon.gray.tiny.current:before,
.invite-icon.gray.tiny.actionable:hover:before {
  background-position: -427px 0px;
}
.invite-icon.gray.small:before {
  background-position: -254px -73px;
}
.invite-icon.gray.small.current:before,
.invite-icon.gray.small.actionable:hover:before {
  background-position: -289px -73px;
}
.invite-icon.blue.tiny:before {
  background-position: -427px 0px;
}
.invite-icon.tiny:before {
  width: 21px;
  height: 12px;
}
.invite-icon.small:before {
  width: 31px;
  height: 26px;
}
.invite-icon.medium:before {
  width: 37px;
  height: 21px;
}
.hero-icon.white.medium:before {
  background-position: -947px -73px;
}
.hero-icon.medium:before {
  width: 31px;
  height: 30px;
}
.question-mark-icon.semi-transparent.small:before {
  background-position: -333px -20px;
}
.question-mark-icon.semi-transparent.small.current:before,
.question-mark-icon.semi-transparent.small.actionable:hover:before {
  background-position: -293px -20px;
}
.question-mark-icon.white.small:before {
  background-position: -293px -20px;
}
.question-mark-icon.white.medium:before {
  background-position: -34px -107px;
}
.question-mark-icon.small:before {
  width: 11px;
  height: 17px;
}
.question-mark-icon.medium:before {
  width: 17px;
  height: 30px;
}
.notification-icon.semi-transparent.medium:before {
  background-position: -912px -73px;
}
.notification-icon.semi-transparent.medium.current:before,
.notification-icon.semi-transparent.medium.actionable:hover:before {
  background-position: -877px -73px;
}
.notification-icon.white.medium:before {
  background-position: -877px -73px;
}
.notification-icon.medium:before {
  width: 31px;
  height: 30px;
}
.pencil-icon.semi-transparent.medium:before {
  background-position: -894px -44px;
}
.pencil-icon.semi-transparent.medium.current:before,
.pencil-icon.semi-transparent.medium.actionable:hover:before {
  background-position: -826px -44px;
}
.pencil-icon.white.medium:before {
  background-position: -826px -44px;
}
.pencil-icon.medium:before {
  width: 25px;
  height: 25px;
}
.weight-icon.gray.medium:before {
  background-position: -411px -44px;
}
.weight-icon.semi-transparent.small:before {
  background-position: -718px -20px;
}
.weight-icon.semi-transparent.small.current:before,
.weight-icon.semi-transparent.small.actionable:hover:before {
  background-position: -672px -20px;
}
.weight-icon.white.small:before {
  background-position: -386px -21px;
}
.weight-icon.small:before {
  width: 28px;
  height: 19px;
}
.weight-icon.medium:before {
  width: 33px;
  height: 23px;
}
.heart-icon.gray.medium:before {
  background-position: -210px -44px;
}
.heart-icon.medium:before {
  width: 27px;
  height: 22px;
}
.x-icon.dark.small:before {
  background-position: -309px 0px;
}
.x-icon.gray.small:before {
  background-position: -294px 0px;
}
.x-icon.white.small:before {
  background-position: -324px 0px;
}
.x-icon.white.large:before {
  background-position: -436px -20px;
}
.x-icon.small:before {
  width: 11px;
  height: 11px;
}
.x-icon.large:before {
  width: 18px;
  height: 18px;
}
.strike-circle-icon.gray.small:before {
  background-position: -55px -20px;
}
.strike-circle-icon.gray.small.current:before,
.strike-circle-icon.gray.small.actionable:hover:before {
  background-position: -35px -20px;
}
.strike-circle-icon.gray.tiny:before {
  background-position: -610px -181px;
}
.strike-circle-icon.white.tiny:before {
  background-position: -623px -181px;
}
.strike-circle-icon.blue.small:before {
  background-position: -35px -20px;
}
.strike-circle-icon.small:before {
  width: 16px;
  height: 16px;
}
.strike-circle-icon.tiny:before {
  width: 12px;
  height: 12px;
}
.network-icon.semi-transparent.medium:before {
  background-position: -220px -73px;
}
.network-icon.semi-transparent.current:before,
.network-icon.semi-transparent.actionable:hover:before {
  background-position: -186px -73px;
}
.network-icon.gray.tiny:before {
  background-position: -901px 0px;
}
.network-icon.gray.tiny.current:before,
.network-icon.gray.tiny.actionable:hover:before {
  background-position: -923px 0px;
}
.network-icon.white.medium:before {
  background-position: -186px -73px;
}
.network-icon.tiny:before {
  width: 18px;
  height: 15px;
}
.network-icon.medium:before {
  width: 30px;
  height: 26px;
}
.chevron-icon.gray.left.tiny-horizontal:before {
  background-position: -372px 0px;
}
.chevron-icon.gray.right.tiny-horizontal:before {
  background-position: -361px 0px;
}
.chevron-icon.gray.up.tiny-vertical:before {
  background-position: -192px 0px;
}
.chevron-icon.gray.down.tiny-vertical:before {
  background-position: -208px 0px;
}
.chevron-icon.dark.up.tiny-vertical:before {
  background-position: -112px 0px;
}
.chevron-icon.dark.down.tiny-vertical:before {
  background-position: -96px 0px;
}
.chevron-icon.dark.left.tiny-horizontal:before {
  background-position: -350px 0px;
}
.chevron-icon.dark.right.tiny-horizontal:before {
  background-position: -339px 0px;
}
.chevron-icon.white.left.tiny-horizontal:before {
  background-position: -394px 0px;
}
.chevron-icon.white.right.tiny-horizontal:before {
  background-position: -383px 0px;
}
.chevron-icon.white.up.tiny-vertical:before {
  background-position: -128px 0px;
}
.chevron-icon.white.down.tiny-vertical:before {
  background-position: -144px 0px;
}
.chevron-icon.tiny-horizontal:before {
  width: 7px;
  height: 12px;
}
.chevron-icon.tiny-vertical:before {
  width: 12px;
  height: 7px;
}
.chevron-icon.large-horizontal:before {
  width: 14px;
  height: 23px;
}
.chevron-icon.gray.left.tiny-horizontal.labeled-icon,
.chevron-icon.dark.left.tiny-horizontal.labeled-icon,
.chevron-icon.white.left.tiny-horizontal.labeled-icon {
  padding-left: 10px;
}
.checkmark-icon.tiny:before {
  background-position: -236px 0px;
  width: 11px;
  height: 9px;
}
.checkmark-icon.medium:before {
  background-position: -662px -44px;
  width: 28px;
  height: 24px;
}
/* TODO: needs .current to turn blue, like hover */
/* same for twitter, tumblr  */
.fb-icon.gray.small:before {
  background-position: -658px -20px;
}
.fb-icon.gray.small.actionable:hover:before,
.fb-icon.gray.small.current:before {
  background-position: -644px -20px;
}
.fb-icon.gray.medium:before {
  background-position: -756px -73px;
}
.fb-icon.gray.medium.actionable:hover:before,
.fb-icon.gray.medium.current:before {
  background-position: -775px -73px;
}
.fb-icon.gray.large:before {
  background-position: -24px -151px;
}
.fb-icon.gray.large.actionable:hover:before,
.fb-icon.gray.large.current:before {
  background-position: 0px -151px;
}
.fb-icon.blue.small:before {
  background-position: -644px -20px;
}
.fb-icon.blue.medium:before {
  background-position: -775px -73px;
}
.fb-icon.small:before {
  width: 10px;
  height: 19px;
}
.fb-icon.medium:before {
  width: 15px;
  height: 29px;
}
.fb-icon.large:before {
  width: 20px;
  height: 40px;
}
.twitter-icon.gray.small:before {
  background-position: -241px -20px;
}
.twitter-icon.gray.small.actionable:hover:before,
.twitter-icon.gray.small.current:before {
  background-position: -215px -20px;
}
.twitter-icon.gray.medium:before {
  background-position: -597px -44px;
}
.twitter-icon.gray.medium.actionable:hover:before,
.twitter-icon.gray.medium.current:before {
  background-position: -563px -44px;
}
.twitter-icon.gray.large:before {
  background-position: -446px -107px;
}
.twitter-icon.gray.large.actionable:hover:before,
.twitter-icon.gray.large.current:before {
  background-position: -493px -107px;
}
.twitter-icon.blue.small:before {
  background-position: -215px -20px;
}
.twitter-icon.blue.small.current:before {
  background-position: -563px -44px;
}
.twitter-icon.blue.medium:before {
  background-position: -493px -107px;
}
.twitter-icon.small:before {
  width: 22px;
  height: 17px;
}
.twitter-icon.medium:before {
  width: 30px;
  height: 24px;
}
.twitter-icon.large:before {
  width: 43px;
  height: 35px;
}
.tumblr-icon.gray.small:before {
  background-position: -819px -20px;
}
.tumblr-icon.gray.small.actionable:hover:before,
.tumblr-icon.gray.small.actionable.current:before {
  background-position: -803px -20px;
}
.tumblr-icon.gray.medium:before {
  background-position: -831px -73px;
}
.tumblr-icon.gray.medium.actionable:hover:before,
.tumblr-icon.gray.medium.actionable.current:before {
  background-position: -854px -73px;
}
.tumblr-icon.blue.small:before {
  background-position: -803px -20px;
}
.tumblr-icon.blue.medium:before {
  background-position: -854px -73px;
}
.tumblr-icon.small:before {
  width: 12px;
  height: 20px;
}
.tumblr-icon.medium:before {
  width: 19px;
  height: 30px;
}
.google-icon.gray.small:before {
  background-position: -348px -20px;
}
.google-icon.small:before {
  width: 18px;
  height: 18px;
}
.rk-icon.gray.small:before {
  background-position: 0px -73px;
}
.rk-icon.gray.small.actionable:hover:before {
  background-position: -40px -73px;
}
.rk-icon.gray.medium:before {
  background-position: -773px -107px;
}
.rk-icon.gray.medium.actionable:hover:before {
  background-position: -730px -107px;
}
.rk-icon.gray.large:before {
  background-position: -559px -151px;
}
.rk-icon.gray.large.actionable:hover:before {
  background-position: -506px -151px;
}
.rk-icon.blue.small:before {
  background-position: -40px -73px;
}
.rk-icon.blue.medium:before {
  background-position: -730px -107px;
}
.rk-icon.small:before {
  width: 16px;
  height: 25px;
}
.rk-icon.medium:before {
  width: 39px;
  height: 38px;
}
.rk-icon.large:before {
  width: 49px;
  height: 49px;
}
.email-icon.white.medium:before {
  background-position: -610px -153px;
  width: 35px;
  height: 28px;
}
.email-icon.gray.small:before {
  background-position: -835px -20px;
}
.email-icon.gray.small.actionable:hover:before,
.email-icon.gray.small.selected:before {
  background-position: -864px -20px;
}
.email-icon.gray.medium:before {
  background-position: -292px -44px;
}
.email-icon.gray.medium.actionable:hover:before,
.email-icon.gray.medium.selected:before {
  background-position: -258px -44px;
}
.email-icon.gray.large:before {
  background-position: -98px -107px;
}
.email-icon.blue.small:before {
  background-position: -864px -20px;
}
.email-icon.blue.medium:before {
  background-position: -258px -44px;
}
.email-icon.blue.large:before {
  background-position: -55px -107px;
}
.email-icon.small:before {
  width: 25px;
  height: 20px;
}
.email-icon.medium:before {
  width: 30px;
  height: 22px;
}
.email-icon.large:before {
  width: 39px;
  height: 31px;
}
.mobile-icon.gray.small:before {
  background-position: -241px -44px;
}
.mobile-icon.gray.actionable:hover:before,
.mobile-icon.gray.selected:before {
  background-position: -326px -44px;
}
.mobile-icon.blue.small:before {
  background-position: -326px -44px;
}
.mobile-icon.small:before {
  width: 13px;
  height: 22px;
}
.add-item-icon,
.copy-item-icon,
.remove-item-icon {
  padding-left: 18px;
}
.add-item-icon:before,
.copy-item-icon:before,
.remove-item-icon:before {
  width: 14px;
  height: 14px;
  left: 0;
  top: 0;
}
.add-item-icon:before {
  background-position: -701px 0px;
}
.copy-item-icon:before {
  background-position: -719px 0px;
}
.remove-item-icon:before {
  background-position: -737px 0px;
}
.cross-icon.dark.small:before {
  background-position: -15px -20px;
}
.cross-icon.gray.tiny:before {
  background-position: -279px 0px;
}
.cross-icon.gray.tiny.current:before,
.cross-icon.gray.tiny.actionable:hover:before {
  background-position: -264px 0px;
}
.cross-icon.gray.small:before {
  background-position: -95px -20px;
}
.cross-icon.gray.medium:before {
  background-position: -684px -153px;
}
.cross-icon.gray.medium.actionable:hover:before {
  background-position: -732px -153px;
}
.cross-icon.blue.tiny:before {
  background-position: -264px 0px;
}
.cross-icon.blue.small:before {
  background-position: -115px -20px;
}
.cross-icon.tiny:before {
  width: 11px;
  height: 11px;
}
.cross-icon.small:before {
  width: 16px;
  height: 16px;
}
.cross-icon.medium:before {
  width: 48px;
  height: 48px;
}
.gear-icon.gray:before {
  background-position: -646px -153px;
}
.gear-icon.blue:before {
  background-position: -665px -153px;
}
.gear-icon.small:before {
  width: 17px;
  height: 16px;
}
.expand-view:before {
  background-position: -779px 0px;
  width: 20px;
  height: 14px;
}
.view-post-icon {
  padding-left: 25px;
}
.view-post-icon:before {
  background-position: -803px 0px;
  width: 20px;
  height: 14px;
  top: 0;
}
.propped {
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  color: #6d7578;
}
.close_modal {
  position: absolute!important;
  right: 12px;
  top: 12px;
  z-index: 999;
}
.pr {
  list-style-type: none;
  color: #8bc53f;
  position: relative;
}
.pr:before {
  background-position: -224px 0px;
  width: 8px;
  height: 8px;
  position: absolute;
  left: -17px;
  top: 5px;
}
.rk {
  list-style-type: none;
  color: #295CA0;
  position: relative;
}
.rk:before {
  background: url("/site_media/images/master-sprite.png?v101813") -135px -20px;
  width: 16px;
  height: 16px;
  float: left;
  content: "";
  position: absolute;
  left: -22px;
}
.rk-pr {
  list-style-type: none;
  color: #295CA0;
  position: relative;
}
.rk-pr:before {
  background: url("/site_media/images/master-sprite.png?v101813") -155px -20px;
  width: 16px;
  height: 16px;
  float: left;
  content: "";
  position: absolute;
  left: -22px;
}
.remove-link {
  font-size: 11px;
  display: inline-block;
  color: #A7A7A7;
}
.remove-link:hover {
  color: #2e393d;
}
.remove-link:hover:before {
  opacity: 1;
}
.remove-link:before {
  right: 0;
  top: 3px;
  content: "";
  opacity: 0.75;
}
.remove-link:before:hover {
  opacity: 1;
}
.remove-link.labeled-icon {
  padding-right: 15px;
}
.delete_item,
.delete_stream_comment,
.remove-tag,
.hide-section {
  text-indent: -9999px;
  width: 11px;
  height: 11px;
  display: inline-block !important;
  background: url("/site_media/images/master-sprite.png?v101813") -309px 0px;
  position: absolute;
  padding: 0 !important;
  z-index: 9;
}
.date-arrow {
  float: left;
  margin-top: 38px;
  background: url("/site_media/images/master-sprite.png?v101813");
  cursor: pointer;
  width: 11px;
  height: 16px;
}
.date-arrow.left {
  background-position: -1029px 0px;
}
.date-arrow.left:hover {
  background-position: -1014px 0px;
}
.date-arrow.right {
  background-position: 0px -20px;
}
.date-arrow.right:hover {
  background-position: -999px 0px;
}
.unlocked-title,
.locked-title {
  background: url("/site_media/images/master-sprite.png?v101813");
  display: block;
  position: relative;
  top: 11px;
}
.unlocked-title {
  background-position: -104px -151px;
  width: 24px;
  height: 40px;
}
.locked-title {
  background-position: -661px -107px;
  width: 24px;
  height: 36px;
}
.labeled-icon {
  position: relative;
}
.labeled-icon:before {
  position: absolute;
}
/**============================== Avatar Styling ==============================**/
.avatar {
  position: relative;
  display: block;
}
.avatar img {
  height: 100%;
  width: 100%;
  display: block;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
}
.avatar.via_twitter:before,
.avatar.via_fb:before {
  position: absolute;
  top: 0px;
  left: 9px;
  right: 0;
  bottom: 0;
  content: '';
  height: 34px;
  width: 36px;
  background: url("/site_media/images/master-sprite.png?v101813") -766px -50px;
}
.avatar.via_fb:before {
  background-position: -806px -50px;
  width: 37px;
  height: 35px;
}
.avatar:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.65);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.65);
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
}
.avatar.tiny {
  height: 25px;
  width: 25px;
}
.avatar.tiny img.hero {
  -webkit-box-shadow: 0 0 0px 2px #1da6da !important;
  -moz-box-shadow: 0 0 0px 2px #1da6da !important;
  box-shadow: 0 0 0px 2px #1da6da !important;
}
.avatar.tiny img.employee {
  -webkit-box-shadow: 0 0 0px 2px #724788 !important;
  -moz-box-shadow: 0 0 0px 2px #724788 !important;
  box-shadow: 0 0 0px 2px #724788 !important;
}
.avatar.tiny img.vip {
  -webkit-box-shadow: 0 0 0px 2px #db5c39 !important;
  -moz-box-shadow: 0 0 0px 2px #db5c39 !important;
  box-shadow: 0 0 0px 2px #db5c39 !important;
}
.avatar.small {
  height: 45px;
  width: 45px;
}
.avatar.small-medium {
  height: 60px;
  width: 60px;
}
.avatar.small-medium:after {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
}
.avatar.small-medium img {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
}
.avatar.small-medium img.hero {
  -webkit-box-shadow: 0 0 0px 4px #1da6da;
  -moz-box-shadow: 0 0 0px 4px #1da6da;
  box-shadow: 0 0 0px 4px #1da6da;
}
.avatar.small-medium img.employee {
  -webkit-box-shadow: 0 0 0px 4px #724788;
  -moz-box-shadow: 0 0 0px 4px #724788;
  box-shadow: 0 0 0px 4px #724788;
}
.avatar.small-medium img.vip {
  -webkit-box-shadow: 0 0 0px 4px #db5c39;
  -moz-box-shadow: 0 0 0px 4px #db5c39;
  box-shadow: 0 0 0px 4px #db5c39;
}
.avatar.medium {
  height: 68px;
  width: 68px;
}
.avatar.medium:after {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 8px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
}
.avatar.medium img {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 8px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
}
.avatar.medium img.hero {
  -webkit-box-shadow: 0 0 0px 4px #1da6da;
  -moz-box-shadow: 0 0 0px 4px #1da6da;
  box-shadow: 0 0 0px 4px #1da6da;
}
.avatar.medium img.employee {
  -webkit-box-shadow: 0 0 0px 4px #724788;
  -moz-box-shadow: 0 0 0px 4px #724788;
  box-shadow: 0 0 0px 4px #724788;
}
.avatar.medium img.vip {
  -webkit-box-shadow: 0 0 0px 4px #db5c39;
  -moz-box-shadow: 0 0 0px 4px #db5c39;
  box-shadow: 0 0 0px 4px #db5c39;
}
.avatar.large {
  height: 200px;
  width: 200px;
}
.avatar.inbox-item-user-pic,
.avatar.message-bubble-user-pic {
  border-radius: 4px;
  border: 4px solid transparent;
}
.avatar.inbox-item-user-pic:after,
.avatar.message-bubble-user-pic:after {
  position: relative;
}
.avatar.inbox-item-user-pic img,
.avatar.message-bubble-user-pic img {
  border-radius: 0px;
  padding: 1px;
}
.avatar.inbox-item-user-pic.hero,
.avatar.message-bubble-user-pic.hero {
  border: 4px solid #1da6da;
}
.avatar.inbox-item-user-pic.employee,
.avatar.message-bubble-user-pic.employee {
  border: 4px solid #724788;
}
.avatar.inbox-item-user-pic.vip,
.avatar.message-bubble-user-pic.vip {
  border: 4px solid #db5c39;
}
/**============================== Button Styles ==============================**/
.pill-btn,
.round-rect-btn {
  display: inline-block;
  text-align: center;
  line-height: 130%;
}
.pill-btn:hover,
.round-rect-btn:hover {
  text-decoration: none;
  cursor: pointer;
}
.pill-btn.fat-btn,
.round-rect-btn.fat-btn {
  width: 95%;
  display: block;
  margin: 10px auto;
  padding: 10px;
}
.pill-btn {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 20px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
  padding: 5px 14px;
  font-weight: bold;
  font-size: 16px;
}
.pill-btn.small-btn {
  font-size: 12px;
  padding: 6px 12px;
}
.pill-btn.small-btn:active,
.pill-btn.small-btn.active {
  padding: 7px 12px 5px;
}
.pill-btn.small-btn[disabled],
.pill-btn.small-btn[disabled]:active,
.pill-btn.small-btn[disabled]:hover {
  padding: 6px 16px;
}
.pill-btn:active,
.pill-btn.active {
  padding: 6px 14px 4px;
}
.pill-btn[disabled],
.pill-btn[disabled]:active,
.pill-btn[disabled]:hover {
  padding: 10px 30px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pill-btn.chevron-icon {
  padding-right: 28px;
}
.pill-btn.chevron-icon:before {
  position: absolute;
  right: 15px;
  top: 10px;
}
.pill-btn.cross-icon {
  padding-left: 32px;
}
.pill-btn.cross-icon:before {
  left: 10px;
  top: 7px;
}
.round-rect-btn {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 5px 10px;
  font-size: 12px;
}
.black-btn {
  color: #FFF;
  background: #373b3f;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373b3f), color-stop(1, #52565a));
  background: -ms-linear-gradient(bottom, #373b3f, #52565a);
  background: -moz-linear-gradient(center bottom, #373b3f 0%, #52565a 100%);
  border: 1px solid #333;
  -webkit-box-shadow: inset 0 0 2px 1px #333, 0 1px 2px rgba(0,0,0,.7);
  -moz-box-shadow: inset 0 0 2px 1px #333, 0 1px 2px rgba(0,0,0,.7);
  box-shadow: inset 0 0 2px 1px #333, 0 1px 2px rgba(0,0,0,.7);
}
.black-btn:hover,
.black-btn:focus,
.black-btn.hover {
  color: #FFF;
  -webkit-box-shadow: inset 0 0 2px 1px #333, 0 2px 1px rgba(0,0,0,.6);
  -moz-box-shadow: inset 0 0 2px 1px #333, 0 2px 1px rgba(0,0,0,.6);
  box-shadow: inset 0 0 2px 1px #333, 0 2px 1px rgba(0,0,0,.6);
}
.black-btn:active,
.black-btn.active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), 0 1px 3px 1px rgba(0,0,0,.2);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), 0 1px 3px 1px rgba(0,0,0,.2);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), 0 1px 3px 1px rgba(0,0,0,.2);
}
.white-btn {
  color: #2e393d;
  border: 1px solid #E1E1E1;
  -webkit-box-shadow: inset 0 0 4px #eceff1, 0 2px 0 rgba(0,0,0,.1);
  -moz-box-shadow: inset 0 0 4px #eceff1, 0 2px 0 rgba(0,0,0,.1);
  box-shadow: inset 0 0 4px #eceff1, 0 2px 0 rgba(0,0,0,.1);
  background: #ebeef0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ebeef0), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #ebeef0, #ffffff);
  background: -moz-linear-gradient(center bottom, #ebeef0 0%, #ffffff 100%);
}
.white-btn:hover,
.white-btn:focus {
  text-decoration: none;
  background: #ccecf4;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccecf4), color-stop(1, #e7f6fb));
  background: -ms-linear-gradient(bottom, #ccecf4, #e7f6fb);
  background: -moz-linear-gradient(center bottom, #ccecf4 0%, #e7f6fb 100%);
  color: #449bb7;
  -webkit-box-shadow: inset 0 0 4px #FFF, 0 1px 1px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 0 0 4px #FFF, 0 1px 1px rgba(0,0,0,0.25);
  box-shadow: inset 0 0 4px #FFF, 0 1px 1px rgba(0,0,0,0.25);
}
.white-btn:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), 0 1px 0px rgba(0,0,0,.2);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), 0 1px 0px rgba(0,0,0,.2);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), 0 1px 0px rgba(0,0,0,.2);
}
.white-btn.current {
  background: #384649;
  color: #FFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.flat-white-btn {
  color: #2e393d;
  border: 1px solid #E1E1E1;
  background-color: #f9fafa;
}
.flat-white-btn:hover,
.flat-white-btn:focus {
  text-decoration: none;
  background-color: #e7f5fb;
  color: #449bb7;
}
.flat-white-btn.current {
  background: #384649;
  color: #FFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.red-btn {
  color: #FFF;
  border: 1px solid #FFF;
  -webkit-box-shadow: inset 0 0 4px #eceff1, 0 2px 0 rgba(0,0,0,.1);
  -moz-box-shadow: inset 0 0 4px #eceff1, 0 2px 0 rgba(0,0,0,.1);
  box-shadow: inset 0 0 4px #eceff1, 0 2px 0 rgba(0,0,0,.1);
  background: #bc272d;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c7442d), color-stop(1, #c7442d));
  background: -ms-linear-gradient(bottom, #c7442d, #c7442d);
  background: -moz-linear-gradient(center bottom, #c7442d 0%, #c7442d 100%);
}
.red-btn:hover,
.red-btn:focus {
  text-decoration: none;
  background: #ca2a30;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d14b34), color-stop(1, #d14b34));
  background: -ms-linear-gradient(bottom, #d14b34, #d14b34);
  background: -moz-linear-gradient(center bottom, #d14b34 0%, #d14b34 100%);
}
.red-btn:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), 0 1px 0px rgba(0,0,0,.2);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), 0 1px 0px rgba(0,0,0,.2);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), 0 1px 0px rgba(0,0,0,.2);
}
.red-btn.current {
  background: #384649;
  color: #FFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.blue-btn {
  color: #FFF;
  border: 1px solid #1DA6DA;
  background: #1DA6DA;
  font-size: 29px;
  padding: 15px 35px;
  display: block;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  text-align: center;
}
.blue-btn:hover,
.blue-btn:focus {
  text-decoration: none;
  color: #FFF;
}
.munsell-blue-btn {
  color: #FFF !important;
  background-color: #449bb7;
}
.munsell-blue-btn:hover,
.munsell-blue-btn:focus {
  color: #FFF;
  -webkit-box-shadow: inset 0 0 2px 1px #333, 0 2px 1px rgba(0,0,0,.6);
  -moz-box-shadow: inset 0 0 2px 1px #333, 0 2px 1px rgba(0,0,0,.6);
  box-shadow: inset 0 0 2px 1px #333, 0 2px 1px rgba(0,0,0,.6);
}
.munsell-blue-btn:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), 0 1px 3px 1px rgba(0,0,0,.2);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), 0 1px 3px 1px rgba(0,0,0,.2);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.7), 0 1px 3px 1px rgba(0,0,0,.2);
}
.full-width-btn {
  display: block;
  width: 90%;
  padding: 10px;
  font-size: 21px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  margin: 0 auto;
}
.btn-group {
  display: inline-block;
}
.btn-group > .btn {
  position: relative;
  float: left;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-background-clip: padding-box;
  -moz-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  font-weight: bold;
  padding: 4px 14px;
  font-size: 16px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
}
.btn-group > .btn:first-child {
  border-left: 0;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-left: 16px;
}
.btn-group > .btn:last-child {
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-right: 16px;
}
.profile-tag,
.onboarding .onboarding-tag {
  position: relative;
  padding: 6px 10px;
  background-color: #E6E7E8;
  color: #8E999E;
  border-radius: 6px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 130%;
}
.profile-tag:hover,
.onboarding .onboarding-tag:hover,
.profile-tag.removable,
.profile-tag.removable:active {
  color: #181e20;
  text-decoration: none;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.profile-tag:active,
.onboarding .onboarding-tag:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.profile-tag.removable {
  padding-right: 30px;
}
/**============================== Callouts =============================**/
.callout,
.shout-bubble {
  position: relative;
  padding: 8px;
  display: block;
  line-height: 22px;
  border: 1px solid #E0E0E0;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
  display: inline-block;
  font-size: 12px;
  z-index: 9;
  text-shadow: none !important;
  background: #FFF;
}
.callout p,
.shout-bubble p {
  font-size: 12px !important;
  margin: 0;
  line-height: 25px !important;
  color: #2e393d !important;
}
.upleftnotch,
.downleftnotch,
.uprightnotch,
.downrightnotch,
.downnotch-border,
.upnotch-border,
.leftnotch,
.rightnotch,
.leftnotch-border,
.rightnotch-border {
  position: absolute;
  border-width: 11px;
  border-style: solid;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  /* ie6 height fix */

  font-size: 0;
  line-height: 0;
}
.upleftnotch,
.uprightnotch {
  top: -22px;
  border-color: transparent transparent #FFF transparent;
}
.downleftnotch,
.downrightnotch {
  bottom: -22px;
  border-color: #FFF transparent transparent transparent;
}
.upleftnotch,
.downleftnotch {
  left: 20px;
}
.uprightnotch,
.downrightnotch {
  right: 20px;
}
.leftnotch {
  border-color: transparent #FFF transparent transparent;
  left: -21px;
  top: 10px;
}
.rightnotch {
  border-color: transparent transparent transparent #FFF;
  right: -21px;
  top: 10px;
}
.upnotch-border {
  border-bottom-color: #E0E0E0;
  top: -23px;
}
.downnotch-border {
  border-top-color: #E0E0E0;
  bottom: -23px;
}
.leftnotch-border {
  border-right-color: #E0E0E0;
  left: -23px;
}
.rightnotch-border {
  border-left-color: #E0E0E0;
  right: -23px;
}
/**============================== Form Styling ==============================**/
fieldset {
  padding: 8px 12px;
  margin-bottom: 15px;
  border: 1px solid #BFBFBF;
  position: relative;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
fieldset legend {
  font-weight: bold;
  color: #2e393d;
  font-size: 23px;
}
form label,
.field label {
  font-size: 13px;
  color: #1e2b32;
}
input,
textarea {
  border: 1px solid #bcbec0;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 13px;
  -webkit-background-clip: padding;
  color: #2e393d;
  -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.2);
}
form ol {
  list-style-type: none;
  margin-top: 20px;
}
form li {
  padding-bottom: 10px;
  line-height: 1.6em;
}
input[type="text"],
input[type="file"],
input[type="password"],
input[type="number"],
textarea {
  height: 26px;
  padding: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type="text"].full-width,
input[type="file"].full-width,
input[type="password"].full-width,
input[type="number"].full-width,
textarea.full-width {
  width: 340px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form input[type="checkbox"],
form input[type="radio"] {
  padding: 0;
  background: none;
  border: 0;
  width: 20px;
}
input[type=image] {
  border: 0;
}
label.check-radio-label {
  font-size: 11px;
  color: #3A3A3A;
  display: inline;
  margin: 0 10px 0 5px;
  cursor: pointer;
}
.field {
  position: relative;
  margin-bottom: 20px;
  display: block;
  font-size: 12px;
  clear: both;
}
.field:last-child {
  margin-bottom: 0;
}
.field.bariol-label label {
  font-size: 18px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.field.bariol-label.blue label {
  color: #1da6da;
}
.field.bariol-label.dark label {
  color: #1e2b32;
}
.field .primary-label {
  font-size: 18px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1da6da;
  font-weight: normal;
  display: block;
  float: left;
  width: 130px;
  text-align: right;
}
.field .primary-label + div {
  margin-left: 150px;
  margin-top: -2px;
}
.field p {
  color: #8f9a9e;
}
.field p label {
  float: left;
  margin-right: 25px;
  width: 140px;
  font-size: 18px;
  text-align: right;
}
.inline-label {
  display: inline-block;
  margin-right: 10px;
}
.helptext {
  display: inline-block;
  height: 10px;
  margin: 0;
  position: relative;
  top: -8px;
  font-size: 10px;
  color: #3A3A3A;
}
.checkbox {
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  font-size: 16px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #8f9a9e;
  font-weight: normal;
}
.checkbox input[type="checkbox"] {
  position: absolute;
  left: 5px;
  top: 3px;
}
.checkbox.two-lines input[type="checkbox"] {
  top: 12px;
}
.checkbox .status {
  color: #8f9a9e;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.checkbox.inline-block {
  display: inline-block;
  padding: 10px 10px 10px 30px;
  line-height: normal;
}
.checkbox.inline-block input[type="checkbox"] {
  left: 8px;
}
.checkbox.inline-block.two-lines input[type="checkbox"] {
  top: 22px;
}
.checkbox.inline-block.current,
.checkbox.inline-block:hover {
  background-color: #e7f5fb;
  color: #1da6da;
  text-decoration: none;
}
.checkbox.twitter-icon {
  padding-left: 57px;
}
.checkbox.twitter-icon:before {
  top: 17px;
  left: 30px;
}
.checkbox.fb-icon {
  padding-left: 50px;
}
.checkbox.fb-icon:before {
  top: 15px;
  left: 32px;
}
.checkbox.tumblr-icon {
  padding-left: 50px;
}
.checkbox.tumblr-icon:before {
  top: 15px;
  left: 32px;
}
.checkbox.one-way.twitter-icon {
  padding-left: 40px;
}
.checkbox.one-way.twitter-icon:before {
  left: 11px;
}
.checkbox.one-way.fb-icon {
  padding-left: 35px;
}
.checkbox.one-way.fb-icon:before {
  left: 14px;
}
.checkbox.one-way.email-icon {
  padding-left: 45px;
}
.checkbox.one-way.email-icon:before {
  top: 16px;
  left: 11px;
}
#privacy-settings-modal input {
  margin-right: 15px;
}
#privacy-settings-modal li {
  font-size: 15px;
}
#privacy-settings-modal .unblock-user.remove-link {
  position: relative;
  margin-left: 15px;
  top: 2px;
}
/************** Focus styles **************/
input:focus,
select:focus,
textarea:focus {
  border: 1px solid #a7d9ff;
}
/************** Disabled form Elements *************/
button[disabled]:active,
button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled],
.textfield[disabled],
.textfield_large[disabled] {
  opacity: .5;
}
button {
  cursor: pointer;
  border: 0;
  padding: 0;
  position: relative;
  overflow: visible;
}
/**============================== Auth Pages ====================================**/
.signup-header {
  background: #449BB7;
  margin: 0 -2000px;
  padding: 0 2000px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 8px 2000px;
  border-bottom: 1px solid #FFF;
  overflow: hidden;
  position: relative;
  height: 253px;
}
.signup-header:hover #download-app-cta-container {
  opacity: 1;
}
.signup-header > img {
  float: right;
  margin-left: 30px;
}
.signup-header ul {
  position: relative;
}
.signup-header li img {
  position: absolute;
  right: 18px;
  top: 85px;
}
.signup-header li div {
  position: relative;
  top: 55px;
}
.signup-header p {
  line-height: 130%;
  font-size: 16px;
  color: #BDCCD4;
}
.signup-header .subtitle {
  color: #FFF;
}
.signup-header h1 {
  font-size: 32px;
  font-weight: bold;
  color: #FFF;
  margin-bottom: 0;
}
.form-header {
  width: 735px;
  background: #ebedee;
  margin: 0 -2000px;
  padding: 0 2000px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 -991px;
  padding: 15px 1000px !important;
  border-bottom: 1px solid #CCC;
  overflow: hidden;
}
.form-header img {
  float: left;
}
.form-header p {
  font-size: 16px;
  color: #8f9a9e;
  line-height: 130%;
}
.form-header h1 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 0;
}
#birthdate_year {
  margin-right: 15px;
}
#signup_password {
  margin-right: 15px;
}
#forgot_password {
  display: inline-block;
  margin-left: 165px;
  margin-bottom: 10px;
}
/******************************** Sign Up Page ********************************/
#signup_form div.field {
  margin-bottom: 15px;
}
#signup_show_password,
#tos_confirm {
  margin: 8px 0 0 -2px;
}
#signup_show_password + label {
  font-size: 11px;
}
/******************************** New User Setup ********************************/
#user_setup {
  position: relative;
  display: inline;
  float: left;
  width: 940px;
  margin: 0 10px;
}
#user_setup input[type="number"] {
  width: 50px;
}
#user_setup li div.content {
  width: 220px;
}
#user_setup_info,
#info {
  height: 100px;
  max-height: 140px;
}
#info {
  width: 100%;
  margin: 0;
}
#group_info_field {
  min-height: 60px;
  width: 100%;
  max-height: 100px;
  resize: vertical;
}
div.logo_small_callout {
  position: relative;
}
#hide_height_div {
  position: absolute;
  top: 251px;
  right: 204px;
}
/**============================== Main Site Header & Navigation ==============================**/
#wrapper header {
  background-color: #FFF;
  border-bottom: 1px solid #E1E1E1;
}
#wrapper header:before {
  display: block;
  content: "";
  height: 12px;
  background: #362551;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #63256b), color-stop(1, #362551));
  background: -ms-linear-gradient(bottom, #63256b, #362551);
  background: -moz-linear-gradient(center bottom, #63256b 0%, #362551 100%);
}
#wrapper header .pill-btn {
  margin-top: 5px;
  margin-right: 10px;
  padding: 4px 14px;
}
#wrapper header .pill-btn:active {
  padding: 5px 14px 3px;
}
#wrapper header .non-link {
  margin-top: 7px;
  margin-right: 10px;
  font-weight: bold;
  color: #8f9a9e;
  font-size: 14px;
}
#wrapper header #header-signup {
  font-weight: bold;
  color: #2e393d;
  font-size: 14px;
  padding: 8px 12px;
  display: block;
  margin-right: 10px;
}
nav {
  display: block;
  width: 960px;
  margin: 0 auto;
  width: 961px;
  height: 40px;
  border-right: 1px solid #e1e1e1;
}
nav.auth {
  width: 735px;
}
nav.auth > div {
  width: 100%;
}
nav > div {
  position: relative;
}
nav > div > ul li {
  float: left;
  list-style: none;
}
nav > div > ul li:first-child a {
  border-left: 1px solid #E1E1E1;
}
nav > div > ul a {
  display: block;
  float: left;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #8f9a9e;
  padding: 8px 12px;
  border-right: 1px solid #E1E1E1;
  height: 40px;
}
nav > div > ul a:hover,
nav > div > ul a.current {
  margin-top: -5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 12px;
  border-top: 1px solid #e1e1e1;
  background-color: #f8f9fa;
  text-decoration: none;
  color: #1e2b32;
  border-bottom: 1px solid #CCC;
  height: 46px;
}
#home {
  /*// Make room for icon
  padding-left:35px;*/

}
#home:before {
  left: 10px;
  top: 10px;
}
#home:hover:before,
#home.current:before {
  top: 14px;
}
#profile {
  /*// Make room for icon
  padding-left:35px;*/

}
#profile:before {
  left: 10px;
  top: 10px;
}
#profile:hover:before,
#profile.current:before {
  top: 14px;
}
#track {
  /*// Make room for icon
  padding-left:35px;*/

}
#track:before {
  left: 10px;
  top: 10px;
}
#track:hover:before,
#track.current:before {
  top: 14px;
}
#nav_ldrbrd {
  /*// Make room for icon
  padding-left:40px;*/

}
#nav_ldrbrd:before {
  left: 10px;
  top: 13px;
}
#nav_ldrbrd:hover:before,
#nav_ldrbrd.current:before {
  top: 17px;
}
#groups {
  /*// Make room for icon
   padding-left:47px;*/

}
#groups:before {
  left: 10px;
  top: 10px;
}
#groups:hover:before,
#groups.current:before {
  top: 14px;
}
#knowledge {
  /*// Make room for icon
   padding-left:35px;*/

}
#knowledge:before {
  top: 10px;
  left: 10px;
}
#knowledge:hover:before,
#knowledge.current:before {
  left: 10px;
  top: 10px;
}
#knowledge:hover:before {
  top: 14px;
}
#nav-utilities {
  float: right;
  padding-right: 5px;
}
#nav_search {
  float: left;
  margin: 6px 6px 0;
  width: 280px;
  background: #FFF;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #AAA;
  -webkit-box-shadow: inset 0 1px 3px #aaaaaa;
  -moz-box-shadow: inset 0 1px 3px #aaaaaa;
  box-shadow: inset 0 1px 3px #aaaaaa;
}
#nav_search input {
  width: 250px;
  padding: 4px 7px;
  padding-right: 5px;
  background: transparent;
  border: none;
  color: #999;
  font-size: 11px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#nav_search button {
  background: url("/site_media/images/master-sprite.png?v101813") -554px -20px;
  text-indent: -9999px;
  width: 17px;
  height: 18px;
}
#nav_search.nav-search-hero {
  width: 185px;
}
#nav_search.nav-search-hero input {
  width: 158px;
}
#header_pm {
  margin: 0 5px 0 0;
  padding: 8px 12px;
  display: block;
  float: left;
  width: 45px;
  height: 41px;
  position: relative;
  border-left: 1px solid #E1E1E1;
  border-right: 1px solid #E1E1E1;
}
#header_pm:hover,
#header_pm.selected {
  background-color: #2e393d;
}
#header_pm:before {
  top: 10px;
  left: 10px;
}
#header_profile_pic {
  margin: 0 5px 0 0;
  padding: 8px 12px;
  display: block;
  float: left;
  width: 49px;
  height: 41px;
  position: relative;
}
#header_profile_pic:after {
  background: url(../images/triangle-down-gray-6x4.png);
  width: 6px;
  height: 4px;
  content: "";
  position: absolute;
  right: 3px;
  top: 19px;
}
#header_profile_pic:hover,
#header_profile_pic.selected {
  background-color: #2e393d;
}
#header_profile_pic:hover:after,
#header_profile_pic.selected:after {
  background: url("/site_media/images/master-sprite.png?v101813") 0 0;
}
#header_profile_pic.selected:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
/*************************** Global Profile Dropdown ***********************/
#global-dash {
  background-color: #2e393d;
  width: 100%;
  margin: 0 -2000px;
  padding: 0 2000px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  z-index: 20;
  top: 41px;
  line-height: 150%;
  color: #FFF;
}
#global-dash .top,
#global-dash .middle,
#global-dash .bottom {
  margin: 0 -2000px;
  padding: 0 2000px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#global-dash .top {
  height: 40px;
  border-bottom: 1px solid #384649;
  overflow: hidden;
}
#global-dash .top .profile-completeness-wrapper {
  float: right;
  margin-top: 13px;
}
#global-dash .top .thin-progressbar {
  width: 120px;
  margin: 0 10px;
  display: inline-block;
  position: relative;
  top: -1px;
}
#global-dash .top .secondary {
  font-size: 12px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
#global-dash .middle {
  -webkit-box-shadow: inset 0 1px 6px rgba(0,0,0,.4),inset 0 -1px 6px rgba(0,0,0,.4);
  -moz-box-shadow: inset 0 1px 6px rgba(0,0,0,.4),inset 0 -1px 6px rgba(0,0,0,.4);
  box-shadow: inset 0 1px 6px rgba(0,0,0,.4),inset 0 -1px 6px rgba(0,0,0,.4);
  overflow: hidden;
}
#global-dash .middle > div {
  overflow: hidden;
}
#global-dash .bottom {
  border-top: 1px solid #384649;
  padding-top: 5px;
  padding-bottom: 5px;
}
#global-dash .bottom a {
  background-color: #384649;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  padding: 10px;
  color: #909b9f;
  font-family: "Bariol Light", Helvetica, Arial, sans-serif;
  font-size: 21px;
  text-align: center;
}
#global-dash .progressbar-container {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px 15px;
}
.dash-section-header {
  font-size: 21px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  position: relative;
  top: -12px;
  color: #FFF;
}
.dash-section-header:hover {
  color: #FFF;
}
.dash-links {
  padding: 5px 0;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 18px;
  width: 225px;
  float: left;
  margin-right: 20px;
}
.dash-links:last-child {
  margin-right: 0;
}
.dash-links .secondary {
  margin-top: 3px;
  font-size: 13px;
  white-space: pre-wrap;
}
.dash-links .secondary + .secondary {
  margin: 0;
}
.dash-links li {
  padding: 5px 0;
  border-top: 1px solid #1e2b32;
  border-bottom: 1px solid #404D4F;
  display: table;
}
.dash-links li > a {
  display: block;
  vertical-align: middle;
  position: relative;
  width: 225px;
  color: #FFF;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px 10px 10px 80px;
  height: 70px;
  line-height: 70px;
  overflow: hidden;
}
.dash-links li > a > div {
  line-height: 16px;
  display: inline-block;
}
.dash-links li > a.single-line {
  line-height: 50px;
}
.dash-links li > a:hover {
  background-color: #449bb7;
  text-decoration: none;
  color: #FFF;
}
.dash-links li > a:hover .secondary {
  color: #FFF;
}
.dash-links li:first-child {
  border-top: 0;
}
.dash-links li:last-child {
  border-bottom: 0;
}
.dash-links .group-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .network-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .title-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .achievement-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .single-sword-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .challenge-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .crossed-swords-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .male-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .female-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .wrench-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .ellipses-icon:before {
  left: 27px;
  top: 33px;
}
.dash-links .unlocked-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .invite-icon:before {
  left: 25px;
  top: 23px;
}
.dash-links .hero-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .pencil-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .smiley-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .question-mark-icon:before {
  left: 41px;
  top: 19px;
}
.dash-links .notification-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .weight-icon:before {
  left: 29px;
  top: 18px;
}
.dash-links .x-icon:before {
  left: 41px;
  top: 25px;
}
.dash-links .email-icon:before {
  top: 22px;
  left: 33px;
}
.dash-value {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 24px;
  position: absolute;
  left: 23px;
  top: 0;
  color: #FFF;
}
.dash-value.weight {
  font-size: 21px;
}
.thin-progressbar {
  height: 5px !important;
  width: 100%;
  margin-top: 3px;
}
.thin-progressbar.dark.ui-widget-content {
  background: #626D71;
}
.thin-progressbar.light {
  background: #e6e7e8;
}
.thin-progressbar .ui-widget-header {
  background: #8bc53f;
}
.thin-progressbar.ui-widget-content,
.thin-progressbar .ui-widget-header {
  border: 0;
}
.thin-progressbar .ui-progressbar-value.ui-progressbar-value {
  margin: 0;
}
.progressbar-container {
  font-size: 12px;
  color: #444;
}
.progressbar-container span:first-child {
  font-weight: bold;
  font-size: 16px;
}
.progressbar-container span + span {
  margin-top: 3px;
}
.progressbar-container .pts_to_next_level,
.progressbar-container .target-pts-to-next-level {
  float: right;
}
.progressbar-container .mini-progressbar {
  position: relative;
  height: 13px !important;
  width: 100%;
  margin-top: 5px;
}
.progressbar-container .mini-progressbar.ui-widget-content {
  background: #E5E5E5;
}
.progressbar-container .mini-progressbar .ui-widget-header {
  background: #8bc53f;
}
.progressbar-container .mini-progressbar.ui-widget-content,
.progressbar-container .mini-progressbar .ui-widget-header {
  border: 0;
}
.progressbar-container .mini-progressbar .ui-progressbar-value.ui-progressbar-value {
  margin: 0;
}
.accomplishments {
  overflow: hidden;
}
.accomplishments li {
  float: left;
  font-weight: bold;
  text-align: center;
}
.accomplishments li:last-child {
  margin: 0 !important;
}
.accomplishments li label {
  text-align: center;
  display: inline-block;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 3px;
  font-size: 13px;
}
.accomplishments li a {
  display: inline-block;
  color: #2e393d;
}
.accomplishments li a:hover {
  text-decoration: none;
}
.accomplishments li p {
  font-size: 36px !important;
  margin: 0;
}
/* Global dash segment for FTUE */
#global-dash-ftue {
  background-color: #2E393D;
  margin: 0 -2000px;
  padding: 0 2000px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  z-index: 14;
  top: 41px;
  line-height: 150%;
  color: white;
  width: 100%;
  height: 40px;
}
#global-dash-ftue .top {
  height: 40px;
  border-bottom: 1px solid #384649;
  overflow: hidden;
  margin: 0 -2000px;
  padding: 0 2000px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 0px;
}
#global-dash-ftue .top .dash-section-header {
  top: -12px;
}
#global-dash-ftue .top .onboarding-next {
  font-size: 18px;
  text-align: center;
  color: #909b9f;
  top: -13px;
}
#global-dash-ftue .profile-completeness-wrapper {
  width: 237px;
  top: 14px;
  margin-left: 722px;
  position: absolute;
}
#global-dash-ftue .profile-completeness-wrapper .secondary {
  font-size: 12px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
#global-dash-ftue .profile-completeness-wrapper .profile-completeness-bar {
  width: 120px;
  margin: 0 10px;
  display: inline-block;
  position: relative;
  top: -1px;
}
/* persistent global dash bar */
#global-dash-bar {
  background-color: #2E393D;
  margin: 0 -2000px;
  padding: 0 2000px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 14;
  line-height: 33px;
  height: 33px;
  color: white;
  margin-top: 53px;
}
#global-dash-bar .dash-breadcrumb-img {
  height: 33px;
  vertical-align: top;
}
#global-dash-bar .bar-inner {
  overflow: hidden;
  width: 960px;
  margin: auto;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#global-dash-bar .bar-inner .bar-rightem {
  display: block;
  float: right;
  font-size: 12px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #aaa;
}
#global-dash-bar .bar-inner .bar-rightem .self-progressbar {
  position: relative;
  top: -3px;
}
#global-dash-bar .bar-inner .bar-item {
  display: inline-block;
  font-size: 18px;
  line-height: 33px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #FFF;
}
#global-dash-bar .bar-inner .bar-item:hover {
  color: #FFF;
}
/*************************** Notifications ***********************/
#global_notification_bubble {
  display: inline-block;
  vertical-align: top;
  padding: 2px;
  background: #1da6da;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 50px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-clip: padding-box;
  text-shadow: none;
  cursor: pointer;
  margin: 8px 0 0 0;
}
#global_notification_bubble > div {
  border: 2px solid #FFF;
  padding: 3px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 50px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-clip: padding-box;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  text-align: center;
  min-width: 10px;
}
#global_notifications {
  display: none;
  width: 425px;
  position: absolute;
  top: 46px;
  right: -17px;
  z-index: 99999;
}
#global_notifications h3 {
  font-size: 21px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  display: inline-block;
}
#global_notifications > a {
  font-size: 12px;
  float: right;
  margin-top: 5px;
  color: #2e393d;
}
#global_notifications ul a {
  display: block;
  color: #333;
  background-color: #FFF;
  font-size: 14px;
  padding: 5px;
  border-bottom: 1px solid #D8D8D8;
  margin: 0;
  line-height: 17px;
  cursor: pointer;
}
#global_notifications ul a:last-child {
  border: 0;
}
#global_notifications ul a.new {
  background-color: #e5f3fb;
}
#global_notifications ul a span {
  font-size: 10px;
  color: #666;
  display: block;
}
#global_notifications ul a:hover,
#global_notifications ul a:hover span {
  background: #1da6da;
  color: #FFF;
  text-decoration: none;
}
#global_notifications_footer {
  text-align: center;
  font-weight: bold;
  border: 0;
}
/*************************** Navigation Styling  ****************************/
.tab-nav {
  font-size: 21px;
}
.tab-nav li {
  float: left;
  margin-right: 30px;
}
.tab-nav li a {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #626D71;
  padding: 5px 10px;
}
.tab-nav li a.current,
.tab-nav li a:hover {
  color: #1da6da;
  background-color: #D9EFFA;
  border-radius: 5px;
  text-decoration: none;
}
.tab-nav li:last-child {
  margin: 0!important;
}
.vert-nav li a {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #8f9a9e;
  display: block;
  padding: 8px 12px;
  margin-bottom: 5px;
  line-height: 100%;
  border: 1px solid transparent;
}
.vert-nav li a.current,
.vert-nav li a:hover {
  color: #1da6da;
  text-decoration: none;
  cursor: pointer;
  background-color: #e7f5fb;
  border-radius: 5px;
  border-color: #E0F2FA;
}
.vert-nav li:last-child a {
  margin-bottom: 0;
}
.view-toggle {
  font-size: 16px;
}
/** ============================== Payment Form ============================== **/
#hero-form-wrapper .section-label {
  width: 160px;
  padding: 20px;
  color: #1e2b32;
}
#hero-form-wrapper .subsection {
  padding: 40px 20px;
}
#hero-form-wrapper .subsection.long-section-label {
  min-height: 120px;
}
#hero-form-wrapper .check-radio-label {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  margin-left: 10px;
}
#hero-form-wrapper .check-radio-label span {
  font-size: 12px;
  font-weight: normal;
  color: #8f9a9e;
  margin-left: 10px;
}
#hero-form-wrapper .pill-btn.white-btn[disabled] {
  padding: 5px 14px;
}
#hero-form-wrapper .error-label {
  display: none;
  color: red;
}
#hero-form-wrapper .section-label-transactions {
  font-size: 23px;
}
#hero-form-wrapper .label-iap-info {
  width: 100%;
  text-align: center;
}
#hero-form-wrapper .ldrbrd td {
  height: 40px;
  padding: 0 15px;
  font-size: 14px;
}
#hero-form-wrapper .subsection-transaction {
  padding: 0 0;
  border-bottom: none;
}
#cvc {
  width: 70px;
}
#plan_selection label {
  font-size: 15px;
  font-weight: normal;
}
#plan_selection label span {
  font-size: 14px;
}
#plan_selection button {
  margin-top: 20px;
}
.plan_info_text p {
  margin-bottom: 10px;
}
#referral + .settings-help-text {
  display: inline-block;
  margin-left: 10px;
  padding-right: 5px;
}
.referral-async-status {
  display: inline-block;
  padding-right: 5px;
  display: none;
}
.referral-async-status #success-status {
  display: none;
}
.referral-error-message {
  display: none;
}
#coupon + .settings-help-text {
  display: inline-block;
  margin-left: 10px;
  padding-right: 5px;
}
.coupon-async-status {
  display: inline-block;
  padding-right: 5px;
  display: none;
}
.coupon-async-status #success-status {
  display: none;
}
.coupon-error-message {
  display: none;
}
.tos-error-message {
  color: red;
  display: none;
}
#submitting_loader {
  font-size: 18px;
  text-align: center;
  color: #FFF;
}
/** ============================== Placeholder (need to move below elsewhere) ============================== **/
.suggested-user {
  min-height: 45px;
  margin-bottom: 10px;
  float: left;
  margin-right: 7px;
}
.suggested-user p {
  margin-left: 40px;
  line-height: 16px;
}
.suggested-user p a {
  font-size: 13px;
  margin: 0;
  font-weight: bold;
}
.suggested-user p span {
  display: block;
  margin-right: 80px;
}
/**============================== User Profile Page ==============================**/
#profile-content-container #feed-container > div {
  padding: 0;
}
#profile-content-container .tab-nav li {
  margin-right: 10px;
}
#profile-friend-container .header,
#profile-about-container .full-bio,
#profile-about-container .achievement-short-list {
  padding: 20px;
  overflow: hidden;
}
#profile-about-container .secondary-stats-panel {
  overflow: hidden;
  padding: 10px 20px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
#profile-about-container .secondary-stats-panel li {
  float: left;
  padding: 10px 0;
  text-align: center;
  width: 98px;
  margin-right: 2px;
}
#profile-about-container .secondary-stats-panel li:last-child {
  margin-right: 0;
}
#profile-about-container .secondary-stats-panel li .stat-value {
  color: #1da6da;
  font-size: 30px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
#profile-about-container .secondary-stats-panel li .stat-label {
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #8E999E;
}
#profile-about-container #user_tags {
  margin: 20px 0 0 0;
}
#profile-about-container #user_tags_list {
  width: 90%;
}
#profile-about-container .achievement-short-list {
  border-bottom: 1px solid #e1e1e1;
}
#profile-about-container .achievement-short-list .major-header {
  margin-bottom: 10px;
}
#profile-about-container .achievement-short-list ul {
  overflow: hidden;
}
#profile-about-container .achievement-short-list li {
  text-align: center;
  float: left;
  margin-right: 18px;
  margin-bottom: 20px;
  line-height: 100%;
  height: 115px;
}
#profile-about-container .achievement-short-list li:nth-child(6n+6) {
  margin-right: 0;
}
#profile-about-container .achievement-short-list .achievement-title {
  font-size: 11px;
  color: #8e999e;
  line-height: 130%;
}
#profile-about-container .friend-short-list .major-header {
  padding: 20px;
  padding-bottom: 5px;
}
#profile-about-container .friend-short-list .entity-list {
  padding: 0;
}
#profile-about-container .friend-short-list .entity-list th {
  padding-top: 10px;
  padding-bottom: 10px;
}
#profile-about-container .friend-short-list .small-detail-bio {
  height: 74px;
}
#profile-about-container .friend-short-list .profile-bio {
  height: 111px;
  max-width: 281px;
  overflow: hidden;
}
#profile-about-container .friend-short-list .following {
  text-align: center;
}
#profile-about-container .friend-short-list .following.checkmark-icon::before {
  margin: 0 auto 8px auto;
}
#achievement-hover-popup-container {
  -webkit-box-shadow: 0 0 0 12px white,0px 0px 5px 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 12px white,0px 0px 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 12px white,0px 0px 5px 15px rgba(0, 0, 0, 0.2);
  width: 500px;
  height: 190px;
}
#achievement-hover-popup-container #achievement-wrapper {
  padding: 10px;
  width: 490px;
  height: 190px;
}
#achievement-hover-popup-container #achievement-image-container {
  width: 167px;
  height: 167px;
  float: left;
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  border-radius: 80px;
}
#achievement-hover-popup-container #achievement-image {
  background-size: 163px 163px;
  width: 163px;
  height: 163px;
  margin-left: 2px;
  margin-top: 2px;
}
#achievement-hover-popup-container #achievement-text {
  float: right;
  width: 300px;
  margin-top: 17px;
  padding-left: 18px;
}
#achievement-hover-popup-container #achievement-text #achievement-title {
  font-size: 25px;
  color: #1da6da;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  line-height: 100%;
}
#achievement-hover-popup-container #achievement-text #achievement-description {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 16px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #999;
}
#userprofile .progressbar-container {
  margin: 10px 0;
}
#userprofile .achievement {
  height: 150px;
  width: 150px;
  margin-right: 28px;
  display: inline-block;
}
#userprofile .achievement:last-child {
  margin: 0;
}
#userprofile .avatar.large {
  margin-top: 15px;
}
#profile-achievement-container .main-content-section {
  padding: 30px 20px 20px 30px;
  margin-bottom: 25px;
}
#profile-achievement-container .main-content-section .main-content-section-title {
  margin-bottom: 10px;
  padding-left: 5px;
}
#profile-achievement-container #profile-achievement-gallery {
  display: inline-block;
  border-top: 1px solid #e1e1e1;
  padding-top: 20px;
}
#profile-achievement-container #profile-achievement-gallery div {
  width: 160px;
  float: left;
  margin: 10px 26px;
  min-height: 300px;
}
#profile-achievement-container #profile-achievement-gallery .achievement-image-container {
  width: 157px;
  height: 157px;
  float: left;
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  border-radius: 76px;
}
#profile-achievement-container #profile-achievement-gallery .achievement-image {
  background-size: 160px 160px;
  width: 152px;
  height: 152px;
  margin-left: 2px;
  margin-top: 2px;
}
#profile-achievement-container #profile-achievement-gallery .achievement-title {
  margin-top: 180px;
}
#group-sidebar-admins h4 {
  font-size: 13px;
}
#group-sidebar-admins .creator {
  display: inline-block;
}
#profile-sidebar-followers img,
#profile-sidebar-following img {
  margin: 0 3px 0 0;
}
#profile-sidebar-challenge h3 {
  font-size: 24px;
}
#profile-sidebar-challenge button {
  margin-bottom: 10px;
  margin-top: 10px;
}
#archive_challenge {
  margin-bottom: 10px;
  width: 600px;
  font-size: 13px;
}
#challenge_max_placers input {
  width: 35px;
}
#profile-sidebar-challenge h3 {
  display: inline-block;
}
#profile-sidebar-challenge span {
  font-size: 14px;
  font-weight: bold;
}
#progresswrapper {
  position: relative;
  top: 7px;
}
#progresswrapper p {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 4px;
}
.list-user button.follow_button,
#profile-sidebar-info-container button.follow_button {
  width: 100px;
}
#tag_search {
  width: auto;
}
.tag_search_button {
  margin: -5px 0 0 2px;
}
/**============================== Notification Page ==============================**/
#notifications_list h2 {
  margin-bottom: 0;
  padding-bottom: 2px;
  border-bottom: 1px solid #888;
}
#notifications_list ul {
  margin-bottom: 15px;
}
#notifications_list ul li {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #CCC;
  padding: 5px 0 5px 10px;
}
#notifications_list ul li:last-child {
  border-bottom: 0;
}
#notifications_list ul li p {
  margin-bottom: 0;
}
#notifications_list ul li span {
  font-size: 10px;
  color: #666;
}
/** ============================== Leaderboard ============================== **/
#ldrbrd-container form span {
  display: inline-block;
  font-size: 14px;
}
.ldrbrd-header {
  padding: 20px 15px 10px;
  overflow: hidden;
}
table.ldrbrd {
  width: 100%;
  font-size: 16px;
  border: 0;
  background: transparent;
  text-align: left;
  border-spacing: 0;
}
table.ldrbrd .subtitle {
  font-size: 12px;
  color: #8f9a9e;
}
table.ldrbrd th {
  padding: 20px;
  color: #2e393d;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background-color: #f4f5f5;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
table.ldrbrd td {
  font-size: 21px;
  padding: 0 15px;
  height: 110px;
  vertical-align: middle;
  border: 0;
  border-bottom: 1px solid #dfe0e1;
}
table.ldrbrd .ranking {
  font-size: 28px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #2d383c;
}
table.ldrbrd .ldrbrd_user {
  display: table;
}
table.ldrbrd .ldrbrd_user > .large-ldrbrd-image {
  display: block;
  height: 110px;
  width: 110px;
  float: left;
  margin-right: 15px;
}
table.ldrbrd .ldrbrd_user > .large-ldrbrd-image img {
  height: 100%;
  width: 100%;
}
table.ldrbrd .ldrbrd_user > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 100%;
}
table.ldrbrd .level {
  color: #8f9a9e;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
}
table.ldrbrd .ldrbrd-points {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #8FC340;
}
table.ldrbrd .male-icon,
table.ldrbrd .female-icon {
  top: -15px;
}
table.ldrbrd tbody tr.ldrbrd-user-highlight {
  background: #CEEBEF;
}
.widget .ldrbrd {
  width: 100%;
  font-size: 12px;
  border: 0;
  background: transparent;
  text-align: left;
  border-spacing: 0;
  /* notsurif this is used anywhere else, but breaking challenge
       leaderboards; adding .avatar.chal-ldbrd to override. If it is
       used elsewhere, need to copy this block for each & rename the
       toplevel selector. */

}
.widget .ldrbrd td,
.widget .ldrbrd th {
  border: 0;
  font-weight: normal;
  vertical-align: baseline;
  height: auto;
}
.widget .ldrbrd th {
  font-size: 12px;
  color: #8f9a9e;
  border-top: 0;
  padding: 5px;
  border-bottom: 1px solid #C7C7C7;
  padding-bottom: 10px;
  background-color: transparent;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.widget .ldrbrd td {
  padding: 8px 5px;
}
.widget .ldrbrd .ranking {
  font-size: 18px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #1e2b32;
  position: relative;
}
.widget .ldrbrd .avatar {
  position: absolute;
  right: 5px;
  top: 6px;
}
.widget .ldrbrd .avatar.chal-ldbrd {
  display: inline-block;
  position: relative;
  right: 8px;
  top: -2px;
  float: right;
}
.widget .ldrbrd .ldrbrd-points {
  color: #8bc53f;
  font-size: 12px;
  max-width: 50px;
}
.widget .ldrbrd tbody tr.ldrbrd-user-highlight {
  background: #CEEBEF;
}
#ldrbrd_content {
  margin-bottom: 15px;
}
#ldrbrd_filter_form #tag_search {
  width: 120px;
  padding: 4px;
  height: 10px;
}
/** ============================== Challenge ============================== **/
#challenge_container .header {
  padding: 20px;
  border-bottom: 1px solid #e1e1e1;
}
#challenge_container .challenge-info {
  padding: 15px 20px;
}
#challenge_container .challenge-info .bisect {
  overflow: hidden;
}
#challenge_container .challenge-info .bisect > div {
  width: 50%;
  float: left;
}
#challenge_container .challenge-type,
#challenge_container .challenge-status {
  padding: 20px 0;
}
#challenge_container form {
  position: relative;
  top: 4px;
}
#challenge_container form span {
  font-size: 14px;
}
#challenge_container a.backlink {
  color: #3760b5;
  margin-top: 0px;
  float: right;
  font-size: 12px;
}
table tbody tr.challenge-user-highlight {
  background: #f4e191;
}
#challenge_content {
  margin-bottom: 15px;
}
#challenge_filter_form #tag_search {
  width: 120px;
  padding: 4px;
  height: 10px;
}
/** ============================== Archived Challenge ================== **/
#previous_challenge_container h1 {
  float: left;
  margin-bottom: 20px;
}
#previous_challenge_container form {
  position: relative;
  top: 4px;
}
#previous_challenge_container form span {
  font-size: 14px;
}
#previous_challenge_container a.backlink {
  color: #3760b5;
  margin-top: 0px;
  float: right;
  font-size: 12px;
}
#challenge_content {
  margin-bottom: 15px;
}
#challenge_filter_form #tag_search {
  width: 120px;
  padding: 4px;
  height: 10px;
}
/** ============================== Tooltip ============================== **/
.tooltip {
  display: none;
}
.onboard_activity {
  position: absolute;
  top: 55px;
  left: 100px;
  display: none;
  text-align: left;
  background-color: #2E2D2D;
  padding: 14px;
  font-size: 14px;
  color: #fff;
  max-width: 280px;
  -webkit-box-shadow: 0 4px 5px #111111;
  -moz-box-shadow: 0 4px 5px #111111;
  box-shadow: 0 4px 5px #111111;
  z-index: 9000;
  opacity: 0.90;
}
.onboard_activity_entry {
  position: absolute;
  top: 80px;
  display: none;
  left: 20px;
  text-align: left;
  background-color: #2E2D2D;
  padding: 14px;
  font-size: 14px;
  color: #fff;
  max-width: 280px;
  -webkit-box-shadow: 0 4px 5px #111111;
  -moz-box-shadow: 0 4px 5px #111111;
  box-shadow: 0 4px 5px #111111;
  z-index: 9000;
  opacity: 0.90;
}
.activity_description_tooltip {
  max-width: 400px;
}
/**============================== Specific Modal Window Styling ====================================**/
#notification-settings-modal .email-icon,
#notification-settings-modal .mobile-icon {
  float: right;
  margin-left: 8px;
  cursor: pointer;
  display: inline-block;
}
#notification-settings-modal .widget-blocks-wrapper {
  height: 335px;
  overflow-y: scroll;
}
.bodyweight-selector {
  padding: 0 !important;
}
.bodyweight-selector > div {
  float: left;
}
.bodyweight-selector .value {
  width: 185px;
  border-right: 1px solid #DFE0E1;
}
.bodyweight-selector .value input[type="number"] {
  height: 105px;
  text-align: center;
  font-size: 60px;
  font-weight: bold;
  padding: 20px 40px;
}
.bodyweight-selector .units {
  width: 99px;
  padding: 17px 10px;
}
/* Height settings modal, imperial has two fields and metric only one,
   but metric can go up to three digits wide, so lots of tweaks to
   make it look right. */
#height-settings-modal .value {
  text-align: center;
  /* faint fake underline so users can see the width of the field when
     only one digit for inches */

  /* All these floats are from pixel-pushing */

}
#height-settings-modal .value input {
  border-bottom: solid #e0e0e0 1px;
  padding: 0;
}
#height-settings-modal .value input,
#height-settings-modal .value span {
  height: 100px;
}
#height-settings-modal .value input.height-selected,
#height-settings-modal .value span.height-selected {
  display: inline;
}
#height-settings-modal .value input.hidden,
#height-settings-modal .value span.hidden {
  display: none;
}
#height-settings-modal .value input.height-imperial-fields,
#height-settings-modal .value span.height-imperial-fields {
  font-size: 90px;
}
#height-settings-modal .value input.height-metric-fields,
#height-settings-modal .value span.height-metric-fields {
  font-size: 80px;
}
#height-settings-modal .value input#height-feet {
  width: 60px;
}
#height-settings-modal .value input#height-inches {
  width: 90px;
  text-align: right;
}
#height-settings-modal .value input#height-cms {
  width: 140px;
  text-align: right;
}
#picture-settings-modal .avatar {
  margin: 0 auto;
}
#picture-settings-modal #picture-form {
  height: 0;
}
#invite-friends-widget #free_hero_message {
  border: none;
}
#invite-friends-widget .general-invite-url {
  border: 1px solid #dfe0e1;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 13px;
  -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.2);
  padding: 4px;
  color: #2E393D;
  background-color: #ebebe4;
  cursor: text;
  display: inline-block;
  width: 100%;
}
/**============================== Individual Profile Pages ====================================**/
#profile-hero-panel .left,
#profile-hero-panel .right {
  height: 318px;
}
#profile-hero-panel .left img {
  height: 318px;
  width: 318px;
}
#profile-hero-panel .right {
  padding: 20px 30px;
}
#profile-hero-panel .right .profile-emblem {
  position: absolute;
  right: 0;
  top: 0;
  width: 128px;
  height: 128px;
  background-image: url('../images/profile-hero-sprites.png');
}
#profile-hero-panel .right .profile-emblem.current-hero {
  background-position: 0px 0px;
  /* hero-emblem */

}
#profile-hero-panel .right .profile-emblem.current-hero:hover.settings {
  background-position: 0px -128px;
  /* hero-settings */

}
#profile-hero-panel .right .profile-emblem.current-hero:hover.gift {
  background-position: 0px -768px;
  /* hero-gift-hover */

}
#profile-hero-panel .right .profile-emblem.current-hero:hover.buy {
  background-position: 0px -256px;
  /* hero-buy-hover */

}
#profile-hero-panel .right .profile-emblem.non-hero.buy {
  background-position: 0px -512px;
  /* hero-buy */

}
#profile-hero-panel .right .profile-emblem.non-hero.buy:hover {
  background-position: 0px -256px;
  /* hero-buy-hover */

}
#profile-hero-panel .right .profile-emblem.non-hero.gift {
  background-position: 0px -640px;
  /* hero-gift */

}
#profile-hero-panel .right .profile-emblem.non-hero.gift:hover {
  background-position: 0px -384px;
  /* hero-gift-hover */

}
#profile-hero-panel .right #abbreviated-about {
  margin: 20px 0 10px;
  height: 130px;
}
#profile-hero-panel .right small {
  margin-top: 20px;
  display: block;
  font-size: 18px;
}
#profile-hero-panel .secondary {
  font-size: 12px;
}
#profile-hero-panel .thin-progressbar {
  width: 120px;
}
#profile-top-overview-panel {
  overflow: hidden;
  background-color: #1f2b32;
  padding-top: 0;
  padding-bottom: 0;
}
#profile-top-overview-panel .left,
#profile-top-overview-panel .right {
  float: left;
  height: 70px;
}
#profile-top-overview-panel .left {
  padding: 14px;
  width: 318px;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
}
#profile-top-overview-panel .right {
  width: 640px;
}
#profile-send-message-button {
  margin-left: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 46px;
  height: 38px;
  float: right;
  padding-left: 0px;
}
#profile-send-message-button:before {
  top: 11px !important;
  left: 14px !important;
  width: 16px;
  height: 13px;
  background: url("/site_media/images/profile-pm-sprite.png");
}
#profile-controls-message-icon {
  cursor: pointer !important;
}
#profile-controls-message-icon:hover:before {
  background-position: 0px -26px !important;
}
#profile-controls-message-icon:before {
  top: 6px;
  left: 11px;
  width: 16px;
  height: 13px;
  content: "";
  background: url("/site_media/images/profile-pm-sprite.png");
  background-position: 0px -13px;
}
#profile-stats-panel {
  width: 100%;
  height: 100%;
  display: table;
}
#profile-stats-panel li {
  border-right: 1px solid #C7C7C7;
  text-align: center;
  display: table-cell;
  overflow: hidden;
}
#profile-stats-panel li:first-child {
  border-left: 1px solid #C7C7C7;
}
#profile-stats-panel li .stat-value {
  color: #FFF;
  font-size: 36px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
#profile-stats-panel li .stat-label {
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #8E999E;
}
#profile-stats-panel li .li-container {
  float: left;
  width: 100%;
  padding-top: 17px;
}
#profile-stats-panel #stat-gender {
  width: 78px;
}
#profile-stats-panel #stat-gender .li-container-gender {
  float: left;
  padding-left: 20px;
}
#profile-stats-panel .male-icon:before,
#profile-stats-panel .female-icon:before {
  float: left;
  margin-top: -4px;
}
#profile-stats-panel .female-icon:before {
  margin-left: 8px;
}
#profile-stats-panel .male-icon:before {
  margin-left: 6px;
}
#profile-header {
  background-color: #ebedee;
  padding: 20px;
}
#profile-header h1 {
  font-size: 28px;
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: bold;
}
#profile-header h1 a {
  color: #2e393d;
}
#profile-header .profile-subtitle {
  font-size: 18px;
  color: #8f9a9e;
  margin: 0;
  display: block;
}
#profile-header ul {
  overflow: hidden;
  margin-left: 335px;
  margin-top: 15px;
}
#profile-header ul li {
  float: right;
  margin-left: 24px;
  font-size: 18px;
  text-align: center;
  color: #8f9a9e;
}
#profile-header ul li:last-child {
  margin: 0;
}
#profile-header ul li strong {
  display: block;
  color: #2e393d;
  font-size: 28px;
  margin-bottom: 5px;
}
#profile-header .male-icon:before,
#profile-header .female-icon:before {
  position: relative;
  top: 1px;
}
#profile-header .male-icon:before {
  left: 20px;
}
#profile-header .female-icon:before {
  left: 22px;
}
#achievement-gallery {
  overflow: hidden;
}
.profile-achievement {
  width: 160px;
  float: left;
  margin-right: 63px;
  margin-bottom: 5px;
  min-height: 300px;
}
.profile-achievement img {
  height: 160px;
  width: 160px;
}
.profile-achievement h3 {
  font-size: 17px;
  color: #1da6da;
  font-family: "Bariol Light", Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
}
.profile-achievement .achievement-desc {
  font-size: 14px;
  line-height: 130%;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  margin: 0;
}
.profile-achievement .achievement-date {
  font-size: 11px;
  color: #8f9a9e;
}
.achievement-category {
  float: left;
  height: 160px;
  width: 160px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 80px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 80px;
  border-radius: 80px;
  background-clip: padding-box;
  background-color: #EBEEF0;
  margin-right: 18px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 160px;
}
/**============================== Group Pages ====================================**/
#group-page-top-avatar-row {
  overflow: visible;
}
#group-hero-panel {
  height: 470px;
  background-color: #1F2B32;
  margin: 0 -2000px;
  padding: 0 2000px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#group-hero-panel .left,
#group-hero-panel .right {
  height: 470px;
}
#group-hero-panel .left {
  padding: 25px 30px;
}
#group-hero-panel .left #join-group-link {
  position: absolute;
  bottom: 25px;
}
#group-hero-panel .right .large-group-hero-shot {
  float: left;
  height: 470px;
  width: 470px;
  line-height: 470px;
  text-align: center;
}
#group-hero-panel .right .large-group-hero-img {
  width: 470px;
  height: 470px;
  margin: auto;
  vertical-align: middle;
}
#group-hero-panel .right .small-group-hero-container {
  width: 171px;
  height: 171px;
  line-height: 171px;
  text-align: center;
}
#group-hero-panel .right .small-group-hero-shot-column {
  width: 171px;
  margin-left: 470px;
}
#group-hero-panel .right .small-group-hero-shot-column img {
  width: 171px;
  height: 171px;
  margin: auto;
  vertical-align: middle;
}
#group-hero-panel #group-stats-panel {
  background-color: rgba(31, 43, 50, 0.65);
  color: #FFF;
  height: 80px;
  width: 649px;
  position: absolute;
  bottom: 0;
  display: table;
}
#group-hero-panel #group-stats-panel li {
  height: 80px;
  border-right: 1px solid #C7C7C7;
  text-align: center;
  display: table-cell;
  overflow: hidden;
}
#group-hero-panel #group-stats-panel li:last-child {
  border: 0;
}
#group-hero-panel #group-stats-panel .li-container {
  float: left;
  width: 100%;
  padding-top: 19px;
}
#group-hero-panel #group-stats-panel .stat-value {
  color: #FFF;
  font-size: 36px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
#group-hero-panel #group-stats-panel .stat-label {
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #8E999E;
}
#group-content-container .friend-short-list .major-header {
  padding: 20px;
}
#group-content-container .friend-short-list .entity-list {
  padding: 0;
}
#group-content-container .friend-short-list .profile-bio-hero-title {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
#group-content-container .friend-short-list .small-detail-bio {
  max-height: 50px;
  overflow: hidden;
}
#group-content-container .friend-short-list .profile-bio {
  height: 111px;
  overflow: hidden;
  max-width: 281px;
}
#group-content-container .friend-short-list .following {
  text-align: center;
}
#group-content-container .friend-short-list .following.checkmark-icon::before {
  margin: 0 auto 8px auto;
}
#group-content-container .friend-short-list .admin-td .admin-actions {
  height: 80px;
  width: 95px;
  padding-right: 8px;
}
#group-content-container .friend-short-list .admin-td .admin-actions > :first-child {
  margin-top: 16px;
  margin-bottom: 23px;
}
#group-content-container .friend-short-list .admin-td .admin-actions > :first-child.following {
  margin-top: 10px;
  margin-bottom: 16px;
}
#group-content-container .friend-short-list .admin-td.following {
  padding-top: 0px;
  padding-bottom: 0px;
}
#group-content-container .friend-short-list .admin-td.following > :first-child {
  height: 70px;
}
#group-content-container .friend-short-list .admin-td .group-admin-section {
  width: 95px;
  display: inline-block;
  font-size: 11px;
}
#group-content-container .friend-short-list .admin-td .group-admin-section a {
  font-size: 11px;
  color: #8f9a9e;
  display: inline-block;
  margin-right: 10px;
}
#group-content-container .friend-short-list .admin-td .group-admin-section a:last-child {
  margin: 0;
}
#group-content-container .friend-short-list .admin-td .group-admin-section a.remove_member {
  color: #bc272d;
}
.group-members-tab-container .description {
  padding: 20px 20px 10px;
}
.group-members-tab-container .group-member-nav-container {
  padding: 20px;
  border-top: 1px solid #e1e1e1;
}
.group-feed-container #message_container .widget-header::before {
  position: absolute;
  right: 0;
  top: auto;
  margin-right: 45px;
  margin-top: 5px;
}
.group-feed-container .expanded .widget-header::before {
  margin-top: -3px !important;
}
.group-manage {
  width: 775px;
}
.group-manage input#group_name {
  width: 430px;
}
.group-manage.gray .widget-subsection {
  padding: 12px 15px;
}
.group-manage.gray .secondary {
  color: #8f9a9e;
}
.group-manage button {
  display: inline-block;
}
.group-manage .widget-subsection.indented {
  padding-left: 60px;
}
.group-manage .field {
  overflow: hidden;
}
.group-manage .field .modal-label {
  font-weight: normal;
  margin: 0;
  width: 105px;
  float: left;
  text-align: left;
}
.group-manage .field .modal-label + div {
  float: left;
  margin-left: 15px;
  width: 300px;
}
.group-manage .invitee-list {
  margin-top: 10px;
  height: auto;
  min-height: 80px;
  max-height: 200px;
  /*&.user-list {
      li {
        width:auto;
        float:none;
        display:block;
        margin:0 0 5px;
        height:auto;   
        line-height:auto;
        padding:0;
        font-family: "Bariol", Helvetica, Arial, sans-serif;
        font-size: 16px;
      }
    }*/

}
.group-manage .invitee-search {
  margin: 10px 0;
}
.group-manage .invitee-search input {
  width: 200px;
}
.group-manage .group-avatar {
  margin-top: 4px;
  float: left;
}
.group-manage .group-name {
  font-size: 48px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #2e393d;
  margin-left: 57px;
  line-height: 130%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.group-manage a.link-text {
  font-size: 14px;
  color: #8f9a9e;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
}
.group-manage .invite-count {
  font-size: 12px;
  font-weight: normal;
  color: #8f9a9e;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Separating this out to show valign shit */
.group-manage.gray .share-options {
  padding: 0 20px;
}
.modal-socialinvite-row {
  line-height: 60px;
  height: 60px;
}
.modal-socialinvite-row > * {
  display: inline-block;
  max-height: 60px;
  vertical-align: middle;
}
.invite-modal .invuser {
  line-height: 45px;
  height: 45px;
  overflow: hidden;
}
.invite-modal .invuser > * {
  display: inline-block;
  max-height: 45px;
  vertical-align: middle;
}
.invite-modal .invuser .name {
  width: auto;
  margin-left: 8px;
  line-height: 15px;
}
#challenge-name-field-container input {
  width: 415px;
}
#group-challenge-container button {
  margin-top: 7px;
  margin-left: 30px;
}
#group-challenge-setup-fields {
  width: 390px;
}
#group-challenge-setup-fields input {
  height: 24px;
  margin: 0 10px 0 0;
}
#group-challenge-message-container .modal-label {
  float: none;
  margin-bottom: 10px;
}
#group-challenge-message-container .jqEasyCounterMsg {
  display: none;
  width: 266px!important;
}
#challenge_select_start_date input,
#challenge_select_end_date input {
  width: 80px;
}
#group_notify_message {
  width: 340px;
  height: 100px;
  resize: vertical;
  color: #8f9a9e;
}
#create-group-challenge-modal {
  /* Override global error styles; a lot more compact here */

  /* long battletype names make this wider than the column */

  /* error message will wrap if we leave the margin, doesn't affect display without the error */

  /* Error message is too long for one line and shouldn't share the
     line with the secondary text, so place it below */

}
#create-group-challenge-modal #group-challenge-setup-fields .modal-label {
  width: 115px;
}
#create-group-challenge-modal #group-challenge-setup-fields .modal-label + div {
  width: 250px;
}
#create-group-challenge-modal span.error {
  margin-left: 0;
  padding-left: 0;
}
#create-group-challenge-modal select#challenge_type {
  max-width: 250px;
}
#create-group-challenge-modal #start_date,
#create-group-challenge-modal #end_date {
  margin-right: 0;
}
#create-group-challenge-modal #placers_error {
  display: block;
}
.group-create-step1 {
  /* left col */

  /* right col */

}
.group-create-step1 .subsection-group-name .error {
  margin-left: 265px;
  margin-bottom: 0;
  padding: 0;
}
.group-create-step1 .subsection-group-name .has-error {
  border: solid #f88 1px;
}
.group-create-step1 li {
  padding: 0 20px;
}
.group-create-step1 .group-create-photo-col {
  width: 290px;
}
.group-create-step1 .group-create-photo-col .modal-label {
  width: 50px;
  float: left;
}
.group-create-step1 .group-create-photo-col .avatar {
  margin-bottom: 10px;
  border: 0;
}
.group-create-step1 .group-create-photo-col > div {
  margin-left: 65px;
}
.group-create-step1 .group-create-photo-col input {
  width: 100%;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.group-create-step1 .group-create-detail-col {
  width: 440px;
  /* re-apply check radio label styles that are getting overridden */

}
.group-create-step1 .group-create-detail-col input[type=radio] {
  margin-bottom: 0;
}
.group-create-step1 .group-create-detail-col label.check-radio-label {
  font-size: 11px;
}
.group-create-step1 .group-create-detail-col .field-type .error {
  margin: 0;
  padding-left: 4px;
}
.group-create-step1 #group_create_description {
  width: 100%;
  height: 80px;
  margin-bottom: 0;
}
.group-create-step1 .field-info .info-counter {
  float: right;
  font-size: 12px;
  color: #8f9a9e;
  padding: 0;
}
.group-create-step1 .field-info .info-counter.borderline {
  color: #f00;
}
/**============================== Quests ====================================**/
#quest_menu {
  height: 300px;
}
.quest_content {
  clear: left;
  padding: 8px 4px;
  overflow: hidden;
  -webkit-border-radius: 4px;
}
.quest_content .status {
  float: left;
}
.quest_content .milestone {
  padding: 3px 2px;
  margin-left: 40px;
}
.quest_content .milestone p {
  margin: 5px 0;
}
#rep_prompt {
  display: inline-block;
}
#quest-completed-modals {
  z-index: 100;
}
#quest-completed-modals div.modal_window {
  width: 500px;
}
/**============================== Feed ====================================**/
#feed-container > div {
  padding: 0;
}
#feed-container #message_container {
  margin: 25px auto;
}
.stream-item-settings-widget {
  width: 160px !important;
  position: absolute;
  top: 0px;
  right: 15px;
}
.stream-item-settings-widget input[type="text"] {
  width: 100%;
}
.stream-item-settings-widget .stream-item .stream-item-content {
  margin: 0;
}
.stream-inner {
  background: #fff;
}
.stream_item {
  position: relative;
  padding: 10px 0;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #909b9f;
  border-bottom: 1px solid #e1e1e1;
}
.stream_item a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #1ea7db;
}
.stream_item .sticky-dog-ear {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-color: transparent;
  background-image: url('/site_media/images/master-sprite.png?v101813');
  background-position: -798px -153px;
}
.stream_item.stream-item-promoted {
  border-bottom: 4px solid #724788;
}
.stream_item .stream-item-headline {
  position: relative;
  overflow: hidden;
  width: 618px;
  margin: 0 10px;
}
.stream_item .stream-item-headline .collapsed-state .collapsed-placeholder.collapsed-nsfw {
  display: block;
  margin-top: 12px;
}
.stream_item .stream-item-headline .avatar {
  display: block;
  float: left;
  width: 52px;
  height: 52px;
  /*border:4px solid @stream-light-grey;*/

  border-radius: 4px;
}
.stream_item .stream-item-headline .avatar img {
  border-radius: 0px;
  padding: 1px;
}
.stream_item .stream-item-headline .avatar.hero {
  border: 4px solid #1da6da;
}
.stream_item .stream-item-headline .avatar.employee {
  border: 4px solid #724788;
}
.stream_item .stream-item-headline .avatar.vip {
  border: 4px solid #db5c39;
}
.stream_item .stream-item-headline .avatar:after {
  box-shadow: inset 0px 0px;
  border-radius: 0;
}
.stream_item .stream-item-headline .stream-author,
.stream_item .stream-item-headline .headline-emphasis {
  float: left;
  display: block;
  margin: 14px 0 0 17px;
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
  color: #1e2b32;
}
.stream_item .stream-item-headline .headline-emphasis {
  font-size: 16px;
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  margin: 14px 0 0 5px;
  color: #1ea7db;
}
.stream_item .stream-item-headline .stream-type {
  float: left;
  display: block;
  margin: 14px 0 0 5px;
  font-size: 16px;
  color: #6d7578;
  font-family: Helvetica, Arial, sans-serif;
}
.stream_item .stream-item-headline .action_time {
  float: right;
  display: block;
  font-size: 12px;
  margin: 14px 12px 0 0;
  color: #909b9f;
}
.stream_item .stream-item-headline .action_time.action_time_collapsed {
  float: left;
  margin: 14px 0 0 10px;
}
.stream_item .stream-item-headline .action_time:hover {
  color: #1ea7db;
  text-decoration: none;
}
.stream_item .stream-item-headline .collapse-stream-item {
  float: right;
  display: block;
  position: relative;
  margin: 22px 5px 0 0;
}
.stream_item .stream-item-headline .collapsed-state {
  float: right;
  margin: 5px 15px 0 0;
}
.stream_item .stream-item-headline .collapsed-state .collapsed-placeholder {
  margin: 0;
}
.stream_item .stream-item-content {
  margin: 0 0 10px;
}
.stream_item .stream-item-content .action > div,
.stream_item .stream-item-content .action > ul {
  width: 518px;
  margin: 0px 40px 0 80px;
  padding: 0 0 9px;
  border-bottom: 1px solid #e1e1e1;
}
.stream_item .stream-item-content .action > div.last-element,
.stream_item .stream-item-content .action > ul.last-element {
  border-bottom: 0 none;
}
.stream_item .stream-item-content .action > div.with-image,
.stream_item .stream-item-content .action > ul.with-image {
  padding: 8px;
}
.stream_item .stream-item-content .action .no-bottom-border {
  border-bottom: 0 none;
}
.stream_item .stream-item-content div.dramatic-event {
  width: 100%;
  margin: 0;
  padding: 10px 0 15px 0;
  border-bottom: 0 none;
  display: table;
}
.stream_item .stream-item-content div.dramatic-event.dramatic-levelup {
  background-color: #eaedef;
}
.stream_item .stream-item-content div.dramatic-event.dramatic-levelup .dramatic-image {
  float: none;
  margin: 0px auto 15px;
  width: 240px;
  height: 240px;
}
.stream_item .stream-item-content .dramatic-content {
  width: 100%;
  text-align: center;
  display: block;
  vertical-align: baseline;
}
.stream_item .stream-item-content .dramatic-content .dramatic-title {
  font-family: "Bariol Light", Helvetica, Arial, sans-serif;
  font-size: 60px;
  line-height: 50px;
  color: #673880;
  margin: 0;
}
.stream_item .stream-item-content .dramatic-content .dramatic-description {
  color: #909b9f;
  font-size: 14px;
  line-height: 16px;
}
.stream_item .stream-item-content .dramatic-event.dramatic-badgecomplete,
.stream_item .stream-item-content .dramatic-event.dramatic-questcomplete,
.stream_item .stream-item-content .dramatic-event.dramatic-becomehero,
.stream_item .stream-item-content .dramatic-event.dramatic-team,
.stream_item .stream-item-content .dramatic-event.dramatic-program,
.stream_item .stream-item-content .dramatic-event.dramatic-routine {
  width: 518px;
  margin: 0 40px 0 80px;
  padding: 10px 0;
}
.stream_item .stream-item-content .dramatic-event.dramatic-badgecomplete .dramatic-content,
.stream_item .stream-item-content .dramatic-event.dramatic-questcomplete .dramatic-content,
.stream_item .stream-item-content .dramatic-event.dramatic-becomehero .dramatic-content,
.stream_item .stream-item-content .dramatic-event.dramatic-team .dramatic-content,
.stream_item .stream-item-content .dramatic-event.dramatic-program .dramatic-content,
.stream_item .stream-item-content .dramatic-event.dramatic-routine .dramatic-content {
  text-align: left;
  display: table-cell;
  vertical-align: middle;
}
.stream_item .stream-item-content .dramatic-event.dramatic-badgecomplete .dramatic-title,
.stream_item .stream-item-content .dramatic-event.dramatic-questcomplete .dramatic-title,
.stream_item .stream-item-content .dramatic-event.dramatic-becomehero .dramatic-title,
.stream_item .stream-item-content .dramatic-event.dramatic-team .dramatic-title,
.stream_item .stream-item-content .dramatic-event.dramatic-program .dramatic-title,
.stream_item .stream-item-content .dramatic-event.dramatic-routine .dramatic-title {
  font-size: 24px;
  color: #1ea7db;
  line-height: 24px;
}
.stream_item .stream-item-content .dramatic-event.dramatic-badgecomplete ul.dramatic-description,
.stream_item .stream-item-content .dramatic-event.dramatic-questcomplete ul.dramatic-description,
.stream_item .stream-item-content .dramatic-event.dramatic-becomehero ul.dramatic-description,
.stream_item .stream-item-content .dramatic-event.dramatic-team ul.dramatic-description,
.stream_item .stream-item-content .dramatic-event.dramatic-program ul.dramatic-description,
.stream_item .stream-item-content .dramatic-event.dramatic-routine ul.dramatic-description {
  margin-top: 10px;
}
.stream_item .stream-item-content .dramatic-event.dramatic-badgecomplete ul.dramatic-description li,
.stream_item .stream-item-content .dramatic-event.dramatic-questcomplete ul.dramatic-description li,
.stream_item .stream-item-content .dramatic-event.dramatic-becomehero ul.dramatic-description li,
.stream_item .stream-item-content .dramatic-event.dramatic-team ul.dramatic-description li,
.stream_item .stream-item-content .dramatic-event.dramatic-program ul.dramatic-description li,
.stream_item .stream-item-content .dramatic-event.dramatic-routine ul.dramatic-description li {
  margin-bottom: 5px;
}
.stream_item .stream-item-content .at_mentions {
  display: none;
}
.stream_item .stream-item-content .comment_social_row {
  width: 100%;
  height: 20px;
}
.stream_item .stream-item-content .comment_social_row a {
  float: left;
  color: #6d7578;
  margin-right: 5px;
}
.stream_item .stream-item-content .comment_social_row a:hover {
  text-decoration: none;
  color: #1ea7db;
}
.stream_item .stream-item-content .comment_social_row a:hover .comment-prop-icon {
  background-position: -1068px -37px;
}
.stream_item .stream-item-content .comment_social_row a:after {
  content: '\2022';
  margin-left: 5px;
}
.stream_item .stream-item-content .comment_social_row a:last-child:after {
  content: '';
}
.stream_item .stream-item-content .comment_social_row a .comment-prop-icon {
  display: block;
  float: left;
  background-color: transparent;
  background-image: url('/site_media/images/master-sprite.png?v101813');
  width: 18px;
  height: 18px;
  cursor: pointer;
  background-position: -1068px 1px;
  margin-right: 6px;
}
.stream_item .stream-item-content .comment_social_row .comment_time {
  cursor: text;
}
.stream_item .stream-item-content ul.social_row {
  list-style: none;
  padding-bottom: 6px;
  margin-top: 6px;
}
.stream_item .stream-item-content ul.social_row li {
  float: left;
  margin-right: 15px;
  position: relative;
}
.stream_item .stream-item-content ul.social_row li a {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 12px;
  color: #6d7578;
  margin-right: 0;
}
.stream_item .stream-item-content ul.social_row li span {
  float: left;
  color: #626d71;
}
.stream_item .stream-item-content ul.social_row li a span.stream-item-icon {
  background-color: transparent;
  background-image: url('/site_media/images/master-sprite.png?v101813');
  width: 18px;
  height: 18px;
  margin-right: 6px;
  margin-top: 3px;
  cursor: pointer;
}
.stream_item .stream-item-content ul.social_row li a.has_propped,
.stream_item .stream-item-content ul.social_row li a:hover {
  color: #1ea7db;
  text-decoration: none;
}
.stream_item .stream-item-content ul.social_row li a:hover span {
  color: #1ea7db;
  text-decoration: none;
}
.stream_item .stream-item-content ul.social_row li a:hover .stream-item-icon-comment {
  background-position: -1049px -114px;
}
.stream_item .stream-item-content ul.social_row li .stream-item-icon-comment {
  background-position: -1049px -38px;
}
.stream_item .stream-item-content ul.social_row li a:hover .stream-item-icon-nuke {
  background-position: -1049px -57px;
}
.stream_item .stream-item-content ul.social_row li .stream-item-icon-nuke {
  background-position: -1068px -19px;
}
.stream_item .stream-item-content ul.social_row li a:hover .stream-item-icon-prop {
  background-position: -1068px -39px;
}
.stream_item .stream-item-content ul.social_row li .stream-item-icon-prop {
  background-position: -1068px -1px;
}
.stream_item .stream-item-content ul.social_row li .stream-item-icon-propped {
  background-position: -1068px -39px;
}
.stream_item .stream-item-content ul.social_row li a:hover .stream-item-icon-share {
  background-position: -1068px -76px;
}
.stream_item .stream-item-content ul.social_row li .stream-item-icon-share {
  background-position: -1049px -95px;
}
.stream_item .stream-item-content ul.social_row li a:hover .stream-item-icon-save {
  background-position: -1068px -115px;
}
.stream_item .stream-item-content ul.social_row li .stream-item-icon-save {
  background-position: -1068px -95px;
}
.stream_item .stream-item-content ul.social_row li a:hover .stream-item-icon-delete {
  background-position: -1049px -76px;
}
.stream_item .stream-item-content ul.social_row li .stream-item-icon-delete {
  background-position: -1049px -19px;
}
.stream_item .stream-item-content ul.social_row li a:hover .stream-item-icon-sticky {
  background-position: -1068px -178px;
}
.stream_item .stream-item-content ul.social_row li .stream-item-icon-sticky {
  background-position: -1068px -156px;
}
.stream_item .stream-item-content ul.social_row li .stream-item-icon-sticky-on {
  background-position: -1068px -134px;
}
.stream_item .stream-item-content ul.social_row li a:hover .stream-item-icon-gear {
  background-position: -665px -153px;
}
.stream_item .stream-item-content ul.social_row li .stream-item-icon-gear {
  background-position: -646px -153px;
}
.stream_item .stream-item-content ul.social_row.settings li {
  float: none;
  padding: 6px 8px;
  margin: 0 10px;
}
.stream_item .stream-item-content ul.social_row.settings li a {
  font-size: 16px;
}
.stream_item .stream-item-content ul.social_row.settings li a span {
  margin-top: 0px;
}
.stream_item .stream-item-content ul.social_row li.top-border {
  border-top: 1px solid #909b9f;
}
.stream_item .stream-item-content ul.social_row li.right-side {
  float: right;
  margin-right: 0px;
}
.stream_item .stream-item-content div.proppers {
  padding: 0px 0px 1px 0px;
  margin: 2px 0px 2px 80px;
  color: #6d7578;
}
.stream_item .stream-item-content div.proppers .prop-list {
  display: none;
  clear: left;
}
.stream_item .stream-item-content div.hidden_comment_list {
  font-size: 12px;
  color: #6d7578;
  margin-top: 0px;
  padding: 0px 0px 1px 0px;
}
.stream_item .stream-item-content div.stream-status {
  padding-bottom: 15px;
}
.stream_item .stream-item-content ul.comment_list {
  border-bottom: 0 none;
  padding-top: 6px;
}
.stream_item .stream-item-content ul.comment_list.comment_list_hidden {
  display: none;
}
.stream_item .stream-item-content ul.comment_list .action_group_comments ul > div,
.stream_item .stream-item-content ul.comment_list .action_group_comments .comment-new {
  margin-bottom: 16px;
}
.stream_item .stream-item-content ul.comment_list .user_comment {
  position: relative;
}
.stream_item .stream-item-content ul.comment_list .user_comment a.comment_pic {
  position: absolute;
}
.stream_item .stream-item-content ul.comment_list .user_comment > div {
  margin-left: 38px;
}
.stream_item .stream-item-content ul.comment_list .user_comment .comment-content {
  position: relative;
  font-size: 15px;
  width: 100%;
  overflow: hidden;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.2em;
}
.stream_item .stream-item-content ul.comment_list .user_comment .comment-copy {
  color: #1e2b32;
}
.stream_item .stream-item-content ul.comment_list .user_comment .comment-copy-wrapper {
  width: 95%;
  float: left;
  color: #1ea7db;
}
.stream_item .stream-item-content ul.comment_list .user_comment .timestamp {
  text-align: right;
  color: #6d7578;
}
.stream_item .stream-item-content ul.comment_list .user_comment .remove-link {
  position: absolute;
  top: 5px;
  right: 0px;
}
.stream_item .stream-item-content ul.comment_list .user_comment_input {
  padding: 0;
}
.stream_item .stream-item-content ul.comment_list .user_comment_input form .avatar {
  position: absolute;
}
.stream_item .stream-item-content ul.comment_list .user_comment_input form .textarea-wrapper {
  margin-left: 38px;
  box-sizing: border-box;
}
.stream_item .stream-item-content ul.comment_list .user_comment_input form .textarea-wrapper textarea {
  width: 100%;
  box-shadow: inset 0px 0px;
  border: 1px solid #909b9f;
}
.stream_item .stream-item-content ul.comment_list .user_comment_input form .textarea-wrapper textarea.selected {
  height: 60px;
}
.stream_item .stream-item-content ul.comment_list .user_comment_input form button {
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  background: #1ea7db;
  padding: 0px 26px;
  font-size: 22px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #ffffff;
  display: inline-block;
  cursor: pointer;
  border: 0 none;
  font-weight: normal;
  box-shadow: inset 0 0;
  margin: 0;
  display: none;
}
.stream_item .stream-item-content ul.comment_list .user_comment_input form button.submit-show {
  display: inline-block;
}
.stream_item .stream-item-content .stream-status {
  font-size: 15px;
  line-height: 1.2em;
  color: #1e2b32;
}
.stream-item-subheader {
  font-size: 24px;
  font-family: "Bariol Light", Helvetica, Arial, sans-serif;
  color: #909b9f;
  margin-top: 10px;
  margin-bottom: 20px;
}
.stream-author {
  font-size: 18px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1e2b32;
  margin-right: 5px;
}
.stream-status.with-image {
  position: relative;
  padding: 8px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  background-color: white;
  border: 1px solid #DEDFE0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.stream-status.with-image img {
  cursor: pointer;
  max-width: 240px;
}
.stream-status.with-image .embedded-small-container {
  width: 240px;
  text-align: center;
  cursor: pointer;
  float: left;
}
.stream-status.with-image .text {
  font-size: 16px;
  margin-left: 250px;
  background-color: #449bb7;
  padding: 20px 15px;
  padding-bottom: 0px;
  color: white;
}
.stream-status.with-image .text a {
  color: white;
}
.stream-status.with-image .text .view {
  position: absolute;
  bottom: 20px;
  font-size: 12px;
  padding-left: 25px;
  line-height: 14px;
}
.stream-status.with-image .text .view:before {
  left: 0;
}
.stream-status.with-image .modal {
  display: none;
}
.hidden-status-text {
  display: none;
}
#stream-item-modal {
  display: none;
  z-index: 200;
  position: fixed;
  width: auto;
  top: 100px;
  left: 100px;
  padding: 20px;
  max-height: 80%;
  overflow-y: hidden;
}
#stream-item-modal .header {
  height: 35px;
}
#stream-item-modal .header > div {
  float: left;
  margin-top: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#stream-item-modal .header .avatar {
  margin-right: 10px;
  float: left;
}
#stream-item-modal .header .username {
  font-size: 18px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #2e393d;
  margin-right: 3px;
}
#stream-item-modal .header .action {
  color: #909b9f;
  margin-right: 3px;
}
#stream-item-modal .header .when {
  font-size: 11px;
  color: #BBC2C4;
}
#stream-item-modal .embed {
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
}
#stream-item-modal .embed img,
#stream-item-modal .embed iframe {
  width: 400px;
}
#stream-item-modal .right {
  font-size: 13px;
  width: 240px;
  margin-left: 400px;
  padding: 0 0 0 20px;
  color: #333;
}
#stream-item-modal .right .text {
  margin-bottom: 70px;
  max-height: 320px;
  overflow-y: auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  min-height: 1px;
}
#stream-item-modal .right .push {
  height: 60px;
}
#stream-item-modal .link {
  width: 220px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #E0F2FA;
  background-color: #e7f5fb;
  padding: 5px;
  position: absolute;
  bottom: 25px;
  right: 20px;
  overflow: hidden;
}
#stream-item-modal .link > div {
  margin-bottom: 3px;
  font-size: 16px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1da6da;
}
#stream-item-modal .link a {
  color: #8e999e;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.stream_total_points {
  color: #683981;
}
span.status_admin {
  font-size: 11px;
  font-weight: normal;
  color: #7C7C7C;
}
.action_prompt {
  font-size: 24px;
  margin-bottom: 8px;
  margin-top: 10px;
  color: #2e393d;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.action_prompt_points {
  float: right;
  color: #c7cdcf;
}
.group_container {
  margin-top: 20px;
  background: #683981;
}
.group_container_fg {
  margin-left: 6px;
  background: #F8F9FA;
}
.action_detail {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.action_detail > li {
  font-size: 18px;
  position: relative;
  color: #909b9f;
  line-height: 150%;
  margin-bottom: 20px;
}
.action_detail > li:first-child {
  margin-top: 10px;
}
.action_detail > li:last-child {
  margin-bottom: 0;
}
.action_detail > li .group_container ul {
  margin-left: 18px;
}
.action_detail > li .group_container ul ul {
  margin-left: 0;
}
.action_detail > li ul {
  margin-bottom: 12px;
}
.action_detail > li ul > li {
  font-size: 18px;
  line-height: 135%;
  color: #8F9A9E;
}
.action_detail > li ul > li.action_pr {
  color: #683981;
}
.action_detail > li ul > li:first-child {
  margin-top: 10px;
}
.action_detail > li ul > li:last-child {
  margin-bottom: 0;
}
.action_detail .stream_note {
  color: #626D71;
  margin: 10px 0 15px;
}
.stream_set_points {
  color: #666;
}
.list-user-details {
  margin-left: 60px;
}
#activity_stream_content > div:last-child {
  border: 0;
}
.achievement-unlocked img {
  float: right;
  margin-left: 30px;
  height: 130px;
  width: 130px;
}
.gray_link,
.gray_icon_link {
  font-size: 11px;
  font-weight: normal;
  color: #bcc2c5;
}
.gray_icon_link {
  margin-right: 8px;
  display: inline-block;
  height: 16px;
}
.gray_icon_link:hover {
  color: #bcc2c5;
}
.gray_icon_link.edit-icon {
  height: auto;
}
.feed-share-widget {
  width: 250px;
  position: absolute;
  top: -157px;
  left: 40px;
}
.feed-share-widget input[type="text"] {
  width: 100%;
}
#about-container .description {
  padding: 20px;
}
#about-container .description .major-header {
  margin-bottom: 5px;
}
#about-container .misc-info {
  background-color: #F4F5F5;
  border-top: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 15px 20px;
  overflow: hidden;
}
#about-container .misc-info > div {
  float: left;
  width: 50%;
}
/************************ User Following Pages ************************/
.list-user-details {
  padding-right: 170px;
  text-shadow: none;
}
.list-user-details a {
  font-size: 13px;
  font-weight: bold;
}
.list-user-details p {
  margin: 0;
}
.list-user-details p.info {
  width: 360px;
  font-style: italic;
  font-size: 11px;
  line-height: 16px;
  min-height: 16px;
}
.list-user-level {
  font-size: 11px;
  font-weight: normal;
  color: #7C7C7C;
}
.tips.gray {
  background-color: #ebedee;
}
.tips + .info-header {
  border-top: 0;
}
#user_settings legend,
.logged-out-form legend,
.form-actions legend,
.static-content legend {
  font-size: 23px;
}
#user_settings textarea,
.logged-out-form textarea,
.form-actions textarea,
.static-content textarea {
  margin-right: 5px;
}
#user_settings button,
.logged-out-form button,
.form-actions button,
.static-content button {
  vertical-align: top;
  margin-top: 10px;
  margin-bottom: 10px;
}
#user_settings .section-label,
.logged-out-form .section-label,
.form-actions .section-label,
.static-content .section-label {
  width: 161px;
  padding: 25px 15px 0;
  float: left;
  font-size: 26px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1da6da;
  line-height: 130%;
}
#user_settings .section-label.small,
.logged-out-form .section-label.small,
.form-actions .section-label.small,
.static-content .section-label.small {
  font-size: 21px;
}
#user_settings .section-label img,
.logged-out-form .section-label img,
.form-actions .section-label img,
.static-content .section-label img {
  display: block;
  margin: 0 auto;
}
#user_settings .section-warn,
.logged-out-form .section-warn,
.form-actions .section-warn,
.static-content .section-warn {
  color: red;
}
#user_settings .section,
.logged-out-form .section,
.form-actions .section,
.static-content .section {
  width: 477px;
  float: left;
}
#user_settings .section:last-child .subsection:last-child,
.logged-out-form .section:last-child .subsection:last-child,
.form-actions .section:last-child .subsection:last-child,
.static-content .section:last-child .subsection:last-child {
  border-bottom: 0;
}
#user_settings .section #image-upload p,
.logged-out-form .section #image-upload p,
.form-actions .section #image-upload p,
.static-content .section #image-upload p {
  text-align: center;
}
#user_settings .subsection,
.logged-out-form .subsection,
.form-actions .subsection,
.static-content .subsection {
  min-height: 50px;
  border-bottom: 1px solid #E1E1E1;
  border-left: 1px solid #E1E1E1;
  padding: 40px;
}
#user_settings .subsection.gray,
.logged-out-form .subsection.gray,
.form-actions .subsection.gray,
.static-content .subsection.gray {
  background-color: #F4F5F5;
}
#user_settings .subsection p,
.logged-out-form .subsection p,
.form-actions .subsection p,
.static-content .subsection p {
  margin-bottom: 20px;
}
#user_settings .subsection p:last-child,
.logged-out-form .subsection p:last-child,
.form-actions .subsection p:last-child,
.static-content .subsection p:last-child {
  margin: 0;
}
#user_settings .subsection.scrollable,
.logged-out-form .subsection.scrollable,
.form-actions .subsection.scrollable,
.static-content .subsection.scrollable {
  max-height: 500px;
  overflow-y: scroll;
}
#user_settings .subsection .bulleted,
.logged-out-form .subsection .bulleted,
.form-actions .subsection .bulleted,
.static-content .subsection .bulleted {
  margin-bottom: 30px;
}
#user_settings .subsection .bulleted:last-child,
.logged-out-form .subsection .bulleted:last-child,
.form-actions .subsection .bulleted:last-child,
.static-content .subsection .bulleted:last-child {
  margin-bottom: 0;
}
#user_settings .avatar,
.logged-out-form .avatar,
.form-actions .avatar,
.static-content .avatar {
  margin-top: 0;
  display: inline-block;
}
#user_settings input[type="file"],
.logged-out-form input[type="file"],
.form-actions input[type="file"],
.static-content input[type="file"] {
  width: 200px;
  border: 0;
  text-align: center;
  margin-left: 165px;
}
#user_settings strong,
.logged-out-form strong,
.form-actions strong,
.static-content strong {
  color: #1e2b32;
}
#user_settings p input[type="file"],
.logged-out-form p input[type="file"],
.form-actions p input[type="file"],
.static-content p input[type="file"] {
  margin: 0;
}
#user_settings .full-width-section,
.logged-out-form .full-width-section,
.form-actions .full-width-section,
.static-content .full-width-section {
  padding: 25px;
  border-bottom: 1px solid #E1E1E1;
}
#user_settings .full-width-section:last-child,
.logged-out-form .full-width-section:last-child,
.form-actions .full-width-section:last-child,
.static-content .full-width-section:last-child {
  border: 0;
}
#user_settings .full-width-section > div,
.logged-out-form .full-width-section > div,
.form-actions .full-width-section > div,
.static-content .full-width-section > div {
  margin-left: 65px;
}
#user_settings .full-width-section p,
.logged-out-form .full-width-section p,
.form-actions .full-width-section p,
.static-content .full-width-section p {
  font-size: 15px;
}
#user_settings .full-width-section .circled-number,
.logged-out-form .full-width-section .circled-number,
.form-actions .full-width-section .circled-number,
.static-content .full-width-section .circled-number {
  float: left;
  margin-top: 5px;
}
#user_settings .button-container,
.logged-out-form .button-container,
.form-actions .button-container,
.static-content .button-container {
  padding: 20px;
  clear: both;
  text-align: center;
  background-color: #1da6da;
  width: 100%;
  border-top: 1px solid #e1e1e1;
}
#user_settings .team-fitness-user,
.logged-out-form .team-fitness-user,
.form-actions .team-fitness-user,
.static-content .team-fitness-user {
  clear: both;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 5px;
}
#user_settings .team-fitness-user div,
.logged-out-form .team-fitness-user div,
.form-actions .team-fitness-user div,
.static-content .team-fitness-user div {
  float: right;
  width: 50%;
  clear: right;
}
#user_settings .team-fitness-user div select,
.logged-out-form .team-fitness-user div select,
.form-actions .team-fitness-user div select,
.static-content .team-fitness-user div select {
  width: 75%;
}
#user_settings .team-fitness-user div.routine-share-names,
.logged-out-form .team-fitness-user div.routine-share-names,
.form-actions .team-fitness-user div.routine-share-names,
.static-content .team-fitness-user div.routine-share-names {
  width: 70%;
}
#user_settings .team-fitness-user div.user-info,
.logged-out-form .team-fitness-user div.user-info,
.form-actions .team-fitness-user div.user-info,
.static-content .team-fitness-user div.user-info {
  display: block;
  float: left;
  width: 50%;
}
#user_settings .team-fitness-user div.user-info a.avatar,
.logged-out-form .team-fitness-user div.user-info a.avatar,
.form-actions .team-fitness-user div.user-info a.avatar,
.static-content .team-fitness-user div.user-info a.avatar,
#user_settings .team-fitness-user div.user-info select.add-trainer-routine,
.logged-out-form .team-fitness-user div.user-info select.add-trainer-routine,
.form-actions .team-fitness-user div.user-info select.add-trainer-routine,
.static-content .team-fitness-user div.user-info select.add-trainer-routine,
#user_settings .team-fitness-user div.user-info a.add-recipient-button,
.logged-out-form .team-fitness-user div.user-info a.add-recipient-button,
.form-actions .team-fitness-user div.user-info a.add-recipient-button,
.static-content .team-fitness-user div.user-info a.add-recipient-button {
  vertical-align: middle;
}
#user_settings .team-fitness-user div.user-info .routine-share,
.logged-out-form .team-fitness-user div.user-info .routine-share,
.form-actions .team-fitness-user div.user-info .routine-share,
.static-content .team-fitness-user div.user-info .routine-share {
  width: 40%;
}
#user_settings .team-fitness-user div.user-info input,
.logged-out-form .team-fitness-user div.user-info input,
.form-actions .team-fitness-user div.user-info input,
.static-content .team-fitness-user div.user-info input {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#user_settings .team-fitness-user:nth-child(even),
.logged-out-form .team-fitness-user:nth-child(even),
.form-actions .team-fitness-user:nth-child(even),
.static-content .team-fitness-user:nth-child(even) {
  background: #eee;
}
#user_settings .team-fitness-user:nth-child(odd),
.logged-out-form .team-fitness-user:nth-child(odd),
.form-actions .team-fitness-user:nth-child(odd),
.static-content .team-fitness-user:nth-child(odd) {
  background-color: #fff;
}
#user_settings #loader,
.logged-out-form #loader,
.form-actions #loader,
.static-content #loader {
  margin: 16px auto;
  width: 16px;
}
#landing-apps-block h2,
#landing-apps-block .large-body {
  margin-top: 20px;
  margin-bottom: 20px;
}
#landing-apps-block #landing-apps-container {
  width: 350px;
  margin: 0 auto;
  height: 53px;
}
#landing-apps-block #landing-apps-container .fl {
  margin-top: 3px;
}
#landing-apps-block #landing-youtube-link {
  display: block;
  margin: 20px 0px 0px 0px;
}
#landing-rotating-header {
  width: 100%;
  border-top: 1px solid #e1e1e1;
}
#landing-rotating-header h1 {
  font-size: 54px;
}
#landing-rotating-images {
  overflow: hidden;
  height: 540px;
  background: url('../images/landing-mba-frame.png') no-repeat 90px 0;
}
#landing-rotating-images .btn-group {
  width: 352px;
  margin: 100px auto 0;
  display: block;
}
.marketing-block {
  padding: 30px;
  text-align: center;
  width: 720px;
  margin: 0 auto;
}
.slideshow {
  position: relative;
  top: 40px;
  left: 130px;
}
.slideshow-caption {
  position: absolute;
  bottom: -400px;
  z-index: 10;
  padding: 30px;
  left: -130px;
  width: 960px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFF;
  font-size: 30px;
  text-align: center;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  display: none;
}
#landing-headline {
  background-color: #724788;
  height: 450px;
  -webkit-box-shadow: 0 -3px 5px #eaeaea;
  -moz-box-shadow: 0 -3px 5px #eaeaea;
  box-shadow: 0 -3px 5px #eaeaea;
  margin: 0 -1000px;
  padding: 50px 1000px;
}
#landing-headline > div {
  width: 440px;
  margin-left: 40px;
}
#landing-headline .marketing-body {
  margin: 20px 0px 25px 0px;
  line-height: 120%;
}
#landing-headline img {
  position: absolute;
  top: 95px;
  right: 55px;
}
#landing-headline .pill-btn {
  margin-bottom: 10px;
  font-size: 17px;
  padding-left: 16px;
  padding-right: 32px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 40px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 40px;
  border-radius: 40px;
  background-clip: padding-box;
}
#landing-headline .secondary {
  color: #FFF;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 18px;
  display: block;
}
#landing-headline iframe {
  margin: -10px 0 0 150px;
}
#landing-paragraphs-wrapper {
  text-align: center;
  width: 720px;
  margin: 0 auto;
  position: relative;
}
#landing-paragraphs-wrapper #landing-badges {
  right: -170px;
  top: 185px;
  position: absolute;
}
.landing-paragraph-block {
  width: 300px;
  height: 240px;
  float: left;
  margin: 25px 30px 25px;
}
.landing-paragraph-block:nth-child(2n+2) {
  margin-right: 0;
}
.landing-paragraph-block .large-body {
  text-align: left;
  color: #626D71;
}
.landing-section {
  padding: 30px 0;
}
.landing-section .copy {
  float: left;
  margin-top: 210px;
  margin-right: 90px;
}
.landing-section img {
  position: relative;
  top: 127px;
  left: 5px;
}
#mobile-download-container {
  padding: 0px 50px;
}
#landing-iphone-screens {
  position: relative;
  height: 613px;
}
#landing-iphone-screens .iphone-slideshow {
  left: 300px;
}
#landing-press-quotes {
  overflow: hidden;
  padding: 30px 30px 20px;
  border-top: 1px solid #e1e1e1;
}
#landing-press-quotes .quote-block {
  width: 163px;
  float: left;
  margin: 10px 40px;
}
#landing-press-quotes .quote-block span {
  color: #1e2b32;
  font-size: 18px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
#landing-press-quotes .quote-block:first-child {
  margin-left: 0;
}
#landing-press-quotes .quote-block:last-child {
  margin-right: 0;
}
.static-content .headline {
  background-color: #724788;
  padding: 20px;
  color: #BCC3C5;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  min-height: 250px;
  max-height: 262px;
  position: relative;
}
.static-content .headline.small {
  min-height: 50px;
}
.static-content .headline > div {
  margin-right: 225px;
}
.static-content .headline h1 {
  font-size: 48px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #ffffff;
}
.static-content .headline .attention {
  color: #FFF;
}
.static-content .headline img {
  position: absolute;
  right: 0;
  top: -15px;
}
.static-content .headline .pill-btn {
  margin-top: 25px;
  margin-right: 10px;
}
.static-content h2 {
  font-size: 24px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1da6da;
}
.static-content .discount {
  color: #FFF;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  top: 210px;
  left: 190px;
}
.ajax_load img {
  display: block;
  width: 16px;
  margin: 0 auto;
  padding: 5px 0;
}
.circled-number {
  border-radius: 40px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #FFF;
  height: 36px;
  width: 36px;
  font-size: 24px;
  text-align: center;
  padding: 7px;
  display: inline-block;
}
.circled-number.blue {
  background-color: #1da6da;
}
.circled-number.dark {
  background-color: #1e2b32;
}
.circled-number.gray {
  background-color: #8F9A9E;
}
#landing-social-media-buttons {
  border-top: 1px solid #e1e1e1;
}
#landing-social-media-buttons > div {
  height: 81px;
  margin: 0 auto;
  position: relative;
  padding: 30px;
  text-align: center;
}
#landing-social-media-buttons .twitter-follow-button,
#landing-social-media-buttons .fb-like,
#landing-social-media-buttons #___plusone_0 {
  display: inline-block;
}
#landing-social-media-buttons .twitter-follow-button,
#landing-social-media-buttons .fb-like {
  margin-right: 25px;
}
#landing-social-media-buttons .fb-like {
  width: 95px;
  position: relative;
  top: -2px;
}
#landing-social-media-buttons .fb-like > span,
#landing-social-media-buttons .fb-like > span iframe {
  width: 95px !important;
}
#landing-footer {
  border-top: 1px solid #e1e1e1;
  padding: 40px 20px;
  overflow: hidden;
}
#landing-footer > div {
  width: 220px;
  float: left;
}
#landing-footer > div h3 {
  font-size: 18px;
  color: #1e2b32;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
#landing-footer > div:first-child {
  margin: 0 130px 0 80px;
}
#landing-footer > div:last-child {
  margin: 0 80px 0 130px;
}
/**============================== Post Activity  Modal ==============================**/
#submission-loading-modal .secondary,
#track-results-modal .secondary {
  font-size: 24px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #626d71;
}
#submission-loading-modal {
  width: 570px;
  height: 576px;
  display: none;
  overflow-y: hidden;
}
#submission-loading-modal h2 {
  margin-bottom: 5px;
}
#submission-loading-modal #loading-image {
  background-color: #499ab5;
}
#submission-levelup-mask {
  position: absolute;
  top: 47px;
  width: 574px;
  height: 579px;
  background-color: black;
  opacity: 0.4;
  display: none;
  z-index: 9999;
}
#submission-levelup-image {
  width: 576px;
  height: 552px;
  position: absolute;
  top: 44px;
  display: none;
  z-index: 10000;
  overflow: hidden;
}
#track-results-modal {
  width: 570px;
  z-index: 19;
  display: none;
}
#track-results-modal .close_modal {
  right: 10px;
  top: 13px;
}
#track-results-modal .widget-header {
  padding: 10px;
}
#track-results-modal .dramatic-event {
  margin-bottom: 8px;
  width: 100%;
}
#track-results-modal .dramatic-event .dramatic-title,
#track-results-modal .dramatic-event .dramatic-description {
  color: #FFF;
}
#track-results-modal .dramatic-event .dramatic-description li {
  line-height: 13px;
}
#track-results-modal .inline-label {
  font-weight: normal;
  margin-right: 5px;
  position: relative;
  top: -8px;
}
#track-results-modal .share-options {
  padding: 10px;
}
#track-results-modal .footer {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  border-top: 1px solid #ededed;
  width: 100%;
  display: inline-block;
}
.submission-results-content {
  background-color: #2e393d;
  padding: 20px;
  color: #FFF;
  max-height: 380px;
  overflow-y: scroll;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.submission-results-content > div {
  padding: 20px 0;
  border-bottom: 1px solid #626D71;
}
.submission-results-content > div:last-child {
  padding-bottom: 0;
  border: 0;
}
.submission-results-content .dramatic-number {
  font-size: 160px;
  font-weight: bold;
  text-align: center;
  padding: 40px 40px 60px;
  line-height: 100%;
}
.submission-results-content .dramatic-number .secondary {
  font-size: 24px;
  line-height: 100%;
}
.giant-badge {
  text-align: center;
}
.giant-badge img {
  height: 280px;
  width: 280px;
}
.giant-badge .title {
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
}
.giant-badge .title .secondary {
  font-size: 13px;
  font-weight: normal;
}
#submit_awesome_button {
  cursor: pointer;
  margin: 0;
}
.modal-share {
  margin-top: 20px;
}
.modal-share button {
  margin-left: 6px;
}
.modal-share p {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  margin: 0 5px 0 0;
}
a.share_icon {
  display: inline-block;
  margin-left: 10px;
}
/**============================== Quest Menu ==============================**/
#workout_time_container,
#select_date_label,
.big-day {
  display: inline-block;
}
#select_date_label {
  font-weight: bold;
  font-size: 16px;
}
.quest-completed {
  width: 500px;
  position: relative;
}
/*********************************** Profile Dashboard **********************************/
#dashboard-menu {
  overflow: hidden;
}
.dashboard-tile {
  float: left;
  display: block;
  height: 130px;
  width: 160px;
  color: #8f9a9e;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  vertical-align: top;
  padding: 25px 15px;
  font-weight: bold;
  font-size: 18px;
}
.dashboard-tile:nth-child(4n+4) {
  border-right: 0;
}
.dashboard-tile strong,
.dashboard-tile small {
  display: block;
}
.dashboard-tile strong {
  font-size: 40px;
  margin-bottom: 16px;
}
.dashboard-tile small {
  font-weight: normal;
  font-size: 14px;
}
a.dashboard-tile:hover {
  background-color: #3D2262;
  color: #FFF;
  text-decoration: none;
  cursor: pointer;
}
a.dashboard-tile:hover small {
  color: #BCC3C5;
}
a.dashboard-tile.current,
a.dashboard-tile.current:hover {
  background-color: transparent;
  color: #1e2b32;
  border-bottom: 5px solid #1da6da;
  padding-bottom: 21px;
}
a.dashboard-tile.current small,
a.dashboard-tile.current:hover small {
  color: #BCC3C5;
}
#dashboard-content-container {
  padding: 20px;
}
#dashboard-content-container > div > h2 {
  font-size: 40px;
  font-weight: bold;
}
#dashboard-content-container > div > p {
  font-size: 16px;
  font-weight: bold;
  color: #8f9a9e;
}
.error,
.errorlist,
.success {
  margin: 4px 0;
  font-size: 12px;
  line-height: 17px;
  max-width: 500px;
}
.error,
.errorlist {
  color: #ec5a24 !important;
}
.error small,
.errorlist small,
.error p,
.errorlist p {
  color: #ec5a24 !important;
}
.success {
  color: #477908 !important;
}
.callout.error {
  background: url("../images/chk_off.png") 8px 8px no-repeat;
  background-color: #2E2D2D;
  color: #D42300;
  font-size: 12px;
  padding-left: 30px;
}
.flag-widget {
  width: 285px;
  position: absolute;
  /* pixel-pushed till flush with right side of feed share widget */

  left: 45px;
  top: -100px;
}
.flag-widget p {
  margin: 0;
}
.flag-widget label {
  margin-bottom: 10px;
}
.flag-widget textarea {
  width: 100%;
  height: 100px;
  resize: vertical;
  max-height: 140px;
  margin-bottom: 0;
}
.flag-widget select {
  display: block;
  margin-bottom: 10px;
}
/*************************** Invitations **************************/
.stream-invite-pile {
  display: table;
  width: 258px;
}
.stream-invite-pile li {
  display: table-row;
  height: 60px;
}
.stream-invite-pile .profile-img {
  display: table-cell;
  width: 50px;
  height: 50px;
  margin-top: 5px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-background-clip: padding-box;
  -moz-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
}
.stream-invite-pile .profile-img:after {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-background-clip: padding-box;
  -moz-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
}
.stream-invite-pile .list-item-title {
  display: table-cell;
  width: 60%;
  max-width: 125px;
  height: 50px;
  vertical-align: middle;
  padding-left: 20px;
}
.stream-invite-pile .invite-button-td {
  vertical-align: middle;
  display: table-cell;
  padding-left: 0px;
  float: right;
  padding-bottom: 8px;
}
.stream-invite-pile .invite-button-td button {
  float: right;
  font-size: 12px;
  line-height: 1.5em;
}
.stream-invite-pile .invite-button-td .checkmark-icon:before {
  margin-left: 6px;
}
.stream-invite-pile .fb-loading-indicator {
  margin: 15px auto;
  width: 100px;
}
.stream-invite-pile .fb-loading-indicator img {
  float: left;
  margin-right: 10px;
}
.invite-form {
  /* REFACTOR THIS INTO GENERAL CLASS */

}
.invite-form .invite-channel-options {
  display: inline;
  float: left;
  width: 180px;
  margin: 0 10px;
  font-size: 12px;
  color: #626D71;
  padding: 20px 0;
}
.invite-form .invite-channel-options img {
  float: left;
}
.invite-form .invite-channel-options h3 {
  font-size: 13px;
  font-weight: bold;
  color: #1e2b32;
}
.invite-form .invite-channel-options p {
  color: #8f9a9e;
  line-height: 130%;
}
.invite-form .invite-channel-options > div {
  padding: 15px 0;
  border-bottom: 1px solid #CCC;
}
.invite-form .invite-channel-options > div:first-child {
  padding-top: 0;
}
.invite-form .invite-channel-options > div:last-child {
  border: 0;
}
.invite-form .invite-channel-options .social-media-action-link {
  display: block;
}
.invite-form .invite-channel-options .social-media-action-link:hover {
  color: #626D71;
}
.invite-form .invite-channel-options .social-media-action-link div {
  margin-left: 80px;
  line-height: 130%;
}
.invite-form .invite-channel-options .social-media-action-link .label,
.invite-form .invite-channel-options .social-media-action-link.connected {
  font-weight: bold;
  color: #2e393d;
}
.invite-form .invite-channel-options .social-media-action-link .label {
  font-size: 18px;
}
.invite-form .invite-channel-options .fb-action-link:before {
  margin-top: 0;
}
.invite-form .invite-channel-options .email-action-link:before {
  margin-top: 4px;
}
.invite-form .invite-channel-options #invite-instructions p {
  margin-left: 80px;
  margin-bottom: 0;
  color: #626D71;
}
.invite-form .invite-channel-options input[type="text"] {
  width: 176px;
  margin-bottom: 10px;
}
.invite-form #invite-link-widget {
  background-color: #ebedee;
  padding: 12px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid #DEDFE0;
  overflow: hidden;
}
.invite-form .invite-friend-container {
  display: inline;
  float: left;
  width: 396px;
  margin: 0 10px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
.invite-form .invite-friend-container > div {
  border-bottom: 1px solid #CCC;
  overflow: hidden;
  padding: 20px;
  position: relative;
}
.invite-form .invite-friend-container > div:last-child {
  border: 0;
}
.invite-form .invite-friend-container .tab-nav {
  font-size: 16px;
}
.invite-form .invite-friend-container .tab-nav li {
  margin-right: 20px;
}
.invite-form .invite-friend-container .field {
  margin-bottom: 12px;
}
.invite-form .invite-friend-container textarea {
  width: 411px;
  padding: 10px;
  min-height: 80px;
  color: #626D71;
}
.invite-form .invite-friend-container .hide-section {
  right: 16px;
  top: 28px;
}
.invite-form .invite-friend-container .error {
  margin: 0;
  padding: 0;
}
.invite-form .jqEasyCounterMsg {
  display: block;
  max-width: 120px;
  float: left;
  margin-top: 18px;
}
.invite-form .big-search-container {
  position: relative;
}
.invite-form .big-search-container input {
  background: #FFF;
  font-size: 13px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 5px 30px 5px 5px;
  border: 3px solid #2e393d;
  width: 392px;
  height: 18px;
  color: #AEAEAE;
  box-shadow: RGBA(0, 0, 0, 0.35) 0.8px 1px 1px 0.9px inset, RGBA(255, 255, 255, 0.8) 0 1px 1px;
  -moz-box-shadow: RGBA(0, 0, 0, 0.35) 0.8px 1px 1px 0.9px inset, RGBA(255, 255, 255, 0.8) 0 1px 1px;
  -webkit-box-shadow: RGBA(0, 0, 0, 0.35) 0.8px 1px 1px 0.9px inset, RGBA(255, 255, 255, 0.8) 0 1px 1px;
}
.invite-form .big-search-container input:focus {
  border: 3px solid #1da6da;
}
.invite-form .big-search-container span {
  background: url("/site_media/images/master-sprite.png?v101813") -919px 0px;
  text-indent: -9999px;
  width: 17px;
  height: 18px;
  position: absolute;
  right: 27px;
  top: 27px;
}
#invite-friends-list-results {
  border-top: 14px solid #ebedee;
  min-height: 300px;
  max-height: 600px;
  overflow-y: scroll;
}
/*REFACTOR THIS*/
.invite-friends-list {
  overflow: hidden;
}
.invite-friends-list li {
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid #CCC;
}
.invite-friends-list li:first-child {
  padding-top: 0;
}
.invite-friends-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.invite-friends-list li > div {
  position: relative;
  width: 250px;
  float: left;
}
.invite-friends-list .avatar {
  margin-right: 15px;
}
.invite-friends-list span,
.invite-friends-list .emailed a {
  font-size: 11px;
  color: #8f9a9e;
}
.invite-friends-list p {
  font-size: 13px;
  color: #2e393d;
  line-height: 130%;
}
.invite-friends-list button,
.invite-friends-list .connection-status {
  float: right;
}
.invite-friends-list .name,
.invite-friends-list .emailed span,
.invite-friends-list .invite-blast span {
  font-size: 16px;
  color: #2e393d;
  font-weight: bold;
}
.invite-friends-list .name {
  display: block;
  margin-bottom: -5px;
}
.invite-friends-list .emailed div {
  width: 350px;
}
.connection-status {
  text-align: center;
}
.connection-status:before {
  position: relative;
  top: -2px;
}
.connection-status.checkmark-icon:before {
  left: 28px;
}
.connection-status.fb-icon:before {
  left: 34px;
}
.connection-status.twitter-icon:before {
  left: 27px;
}
#email_invite_addresses,
#email_invite_message,
#twitter_invite_message,
#fb_invite_message,
#twitter_invite_message {
  width: 350px;
  height: 100px;
  resize: vertical;
  font-size: 12px;
}
#email_invite_addresses {
  margin-bottom: 10px;
  color: #AEAEAE;
}
#email_invite_message {
  max-height: 240px;
}
.remove-tag {
  top: 5px;
  right: 5px;
}
.list-user .delete_item {
  float: right;
  position: relative;
  margin-left: 20px;
  top: 9px;
}
.user_comment .delete-comment,
.stream_item .collapse-stream-item {
  opacity: 0;
}
.stream_item:hover .collapse-stream-item,
.user_comment:hover .delete-comment {
  opacity: .5;
}
.list-user .remove-link,
.user_comment:hover .delete-comment,
.stream_item .collapse-stream-item:hover {
  opacity: 1;
}
/**************************** Onboarding **************************/
.onboarding {
  width: 320px !important;
  position: absolute !important;
  z-index: 10 !important;
  margin: 0 !important;
  padding: 15px !important;
  overflow: visible !important;
  background: #FFF !important;
}
.onboarding p {
  margin: 0 0 .7em 0;
  width: auto !important;
  line-height: 25px !important;
  color: #2e393d;
}
.onboarding button {
  margin-left: 10px;
}
.onboarding > div a {
  margin-top: 5px;
  font-style: normal;
}
.onboarding small {
  font-style: italic;
}
.onboarding hr {
  margin: 5px 0;
}
/* REF: onboard_step_N is pre-new-ftue, should go away  */
#onboard_step_1 {
  top: 200px;
}
#onboard_step_2 {
  top: 95px;
}
#onboard_step_2_b {
  top: 235px;
}
#onboard_step_3 {
  bottom: 285px;
}
#onboard_step_3b,
#onboard_step_3c {
  top: 165px;
  left: 350px;
}
#onboard_step_4 {
  top: -160px;
  left: 0;
}
#onboard_step_5 {
  top: 450px;
  left: 500px;
}
#onboard_step_5b {
  left: 0;
  top: 700px;
}
#onboard_step_5c {
  left: 285px;
  top: 740px;
}
#onboard_step_6 {
  top: 200px;
  left: 290px;
}
#onboard_step_7 {
  top: 100px;
  left: -300px;
}
#onboard_date_select {
  top: 50px;
  left: 360px;
}
#onboard_initial_search {
  top: 80px;
  left: 360px;
}
#onboard_add_data {
  top: 250px;
}
#onboard_log_activity {
  left: 150px;
}
#onboard_search_results {
  top: 80px;
  left: 360px;
}
#onboard_add_data {
  top: 250px;
}
#onboard_log_activity {
  left: 150px;
}
#browse_or_search_callout {
  left: 360px;
  top: 185px;
}
#stream_loader {
  margin: 0 auto;
}
#stream_loader img {
  display: block;
  margin: 0 auto;
}
.button_loader {
  display: inline-block;
}
.stream-duel .face-box {
  border: 1px solid #dedfe0;
  background-color: #FFF;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 5px;
  position: relative;
  height: 152px;
  text-align: center;
  overflow: hidden;
  margin: 12px 0 7px 0;
}
.stream-duel .face-box:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.stream-duel .face-box .avatar {
  height: 140px;
  width: 140px;
  display: block;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-background-clip: padding-box;
  -moz-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  position: absolute;
  top: 5px;
}
.stream-duel .face-box .avatar:first-child {
  left: 5px;
}
.stream-duel .face-box .avatar:last-child {
  right: 5px;
}
.stream-duel .face-box .avatar:after {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-background-clip: padding-box;
  -moz-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
}
.stream-duel .face-box .avatar img {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-background-clip: padding-box;
  -moz-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
}
.stream-duel .face-box .avatar .winner,
.stream-duel .face-box .avatar .loser {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  height: 40px;
  padding: 10px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.stream-duel .face-box .avatar .loser {
  background-color: #BB272D;
}
.stream-duel .face-box .avatar .winner {
  background-color: #8bc53f;
}
.stream-duel .face-box .info {
  display: inline-block;
  vertical-align: middle;
  width: 178px;
  background-color: #f4f5f6;
}
.stream-duel .face-box .info > div {
  border-bottom: 1px solid #FFF;
  padding: 5px;
}
.stream-duel .face-box .info > div:last-child {
  border: 0;
}
.stream-duel .face-box .date-range {
  color: #9E9E9E;
  font-size: 11px;
}
.stream-duel .face-box .date-range img {
  position: relative;
  top: 2px;
  margin-left: 3px;
  margin-right: 3px;
}
.stream-duel .duel-type,
.stream-duel .duelist {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.stream-duel .duel-type {
  font-size: 16px;
  color: #2e393d;
  display: inline-block;
  line-height: 130%;
}
.stream-duel .duelist {
  display: block;
  font-size: 18px;
  color: #1da6da;
}
.collapsed-state {
  float: right;
  margin-right: 40px;
  display: none;
}
.collapsed-state .collapsed-placeholder {
  height: 45px;
  width: 45px;
  margin-top: -10px;
  margin-bottom: -20px;
  color: #1da6da;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.dramatic-event {
  margin-bottom: 8px;
  display: table;
}
.dramatic-event .dramatic-image {
  float: left;
  display: block;
  height: 160px;
  width: 160px;
  margin-right: 20px;
}
.dramatic-event .dramatic-content {
  display: table-cell;
  vertical-align: middle;
}
.dramatic-event .dramatic-title {
  font-size: 24px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1da6da;
  line-height: 100%;
}
.dramatic-event .dramatic-description {
  color: #8f9a9e;
  font-size: 15px;
}
.modal_window.warning {
  width: 400px;
}
#message_container {
  width: 570px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 0 10px #E7F5FB, 0 0 0 11px #e0f2fa;
  -moz-box-shadow: 0 0 0 10px #E7F5FB, 0 0 0 11px #e0f2fa;
  box-shadow: 0 0 0 10px #E7F5FB, 0 0 0 11px #e0f2fa;
  z-index: 9;
}
#message_container .status-header-container {
  padding: 0;
}
#message_container .status-header-container > div {
  float: left;
  display: block;
  border-bottom: none;
}
#message_container .status-header-container .widget-header {
  width: 519px;
}
#message_container .status-header-container .status-header-add-buttons-container-expanded {
  height: 40px;
  margin: 0;
  padding: 0;
}
#message_container .widget-subsection {
  border-bottom: 1px solid #EDEDED;
}
#message_container .widget-subsection h2 {
  color: #AEAEAE;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin-top: -1px;
}
#message_container .widget-subsection.embedding {
  padding: 16px;
  display: none;
}
#message_container .widget-subsection.embedding .inner {
  width: 538px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
  background-color: #F1F2F3;
}
#message_container .widget-subsection.embedding .preview img {
  float: left;
  width: 200px;
}
#message_container .widget-subsection.embedding .preview .preview-add-an-image {
  float: left;
  width: 200px;
  height: 177px;
}
#message_container .widget-subsection.embedding .preview .preview-add-an-image:hover {
  background-color: #e7f6fa;
  cursor: pointer;
}
#message_container .widget-subsection.embedding .preview .preview-add-an-image:hover:before {
  background-position: 0 -104px;
}
#message_container .widget-subsection.embedding .preview .preview-add-an-image:before {
  background-image: url("../images/status-add-buttons.png");
  position: relative;
  background-position: 0 -56px;
  width: 52px;
  height: 48px;
  content: "";
  display: block;
  top: 65px;
  left: 74px;
}
#message_container .widget-subsection.embedding .preview .preview-add-an-image-tooltip {
  position: absolute;
  z-index: 25;
  width: 95px;
  height: 22px;
  background-color: #fffbd0;
  text-align: center;
  padding-top: 3px;
  -webkit-box-shadow: 3px 3px 3px #cccccc;
  -moz-box-shadow: 3px 3px 3px #cccccc;
  box-shadow: 3px 3px 3px #cccccc;
  display: none;
  top: 222px;
  left: 135px;
}
#message_container .widget-subsection.embedding .controls {
  margin-left: 200px;
}
#message_container .widget-subsection.embedding .controls h3 {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 13px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#message_container .widget-subsection.embedding .controls label,
#message_container .widget-subsection.embedding .controls input {
  color: #8f9a9e;
  font-weight: normal;
  padding: 0;
}
#message_container .widget-subsection.embedding .controls > div {
  padding: 20px;
}
#message_container .widget-subsection.embedding .controls .url {
  border-bottom: 1px solid #e1e1e1;
}
#message_container .widget-subsection.embedding .controls .url input {
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
}
#message_container .status-header-add-buttons-container-collapsed {
  display: none;
}
#message_container .status-header-add-buttons-container-expanded {
  display: inline-block;
  height: 34px;
}
#message_container .status-header-add-buttons-container-expanded .status-header-add-button {
  width: 48px;
  height: 40px;
  border-left: 1px solid #EDEDED;
  float: left;
  cursor: pointer;
}
#message_container .status-header-add-buttons-container-expanded .status-header-add-button.status-header-button-cancel:before {
  background-image: url("../images/status-add-buttons.png");
  position: relative;
  background-position: 0 -46px;
  width: 11px;
  height: 10px;
  content: "";
  display: block;
  top: 15px;
  left: 18px;
}
#message_container.collapsed .widget-subsection {
  padding: 0;
  border: 0;
}
#message_container.collapsed form {
  height: 36px;
}
#message_container.collapsed textarea {
  border: 0;
  margin: 0;
  height: 30px;
  font-size: 18px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  padding-left: 10px;
  width: 468px;
}
#message_container.collapsed .widget-header {
  height: 0;
}
#message_container.collapsed #status-update-footer {
  display: none;
}
#message_container.collapsed .status-header-add-buttons-container-expanded {
  display: none;
}
#message_container.collapsed .status-header-add-buttons-container-collapsed {
  display: inline-block;
  height: 34px;
}
#message_container.collapsed .status-header-add-buttons-container-collapsed .status-header-add-button {
  width: 48px;
  height: 36px;
  border-left: 1px solid #DEDFE0;
  border-right: 1px solid #DEDFE0;
  background-color: #EAEDEF;
  float: left;
  cursor: pointer;
}
#message_container.collapsed .status-header-add-buttons-container-collapsed .status-header-add-button:before {
  background-image: url("../images/status-add-buttons.png");
  position: relative;
}
#message_container.collapsed .status-header-add-buttons-container-collapsed .status-header-add-button.status-header-add-comment:before {
  width: 27px;
  height: 21px;
  content: "";
  display: block;
  top: 7px;
  left: 11px;
}
#message_container.collapsed .status-header-add-buttons-container-collapsed .status-header-add-button.status-header-add-photo:before {
  background-position: 0 -21px;
  width: 27px;
  height: 25px;
  content: "";
  display: block;
  top: 4px;
  left: 11px;
}
#message_container.collapsed .status-header-add-buttons-container-collapsed :last-child {
  border-right: none;
}
#message_container .widget-header:before {
  position: absolute;
  top: 6px;
  right: 10px;
}
#message_container textarea {
  width: 100%;
  background: #FFF;
  color: #AEAEAE;
  font-size: 13px;
  border: 1px solid #DEDFE0;
  padding: 5px;
  resize: none;
  overflow: hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
}
#message_container textarea:after {
  position: absolute;
  top: 6px;
  right: 10px;
}
#message_container label {
  display: inline-block;
}
#message_container.expanded textarea:after {
  display: none;
}
#status-update-footer > div {
  float: right;
}
#status-update-footer > div select {
  margin-right: 5px;
}
#status-update-footer label {
  font-size: 13px;
}
#status-update-footer .filepickerbtn {
  border-radius: 5px;
  float: left;
  padding: 10px;
  height: 36px;
  font-size: 12px;
  font-weight: normal;
  padding-left: 36px;
  cursor: pointer;
  color: #8f9a9e;
}
#status-update-footer .filepickerbtn:hover {
  color: #1DA6DA;
  background-color: #D9EFFA;
}
#status-update-footer .filepickerbtn:hover:before {
  background-position: 0 -24px;
}
#status-update-footer .filepickerbtn:hover[disabled] {
  color: #8f9a9e !important;
  background-color: transparent !important;
  cursor: auto;
}
#status-update-footer .filepickerbtn:hover[disabled]:before {
  background-position: 0 0 !important;
}
#status-update-footer .filepickerbtn:before {
  background: url("../images/add-photo-label.gif");
  width: 21px;
  height: 24px;
  float: left;
  content: "";
  position: absolute;
  left: 7px;
  top: 6px;
}
.combo_filter {
  margin-top: 4px;
}
.combo_filter span {
  font-size: 12px;
}
#big_load_animation,
.ajax_loading img {
  display: block;
  margin: 20px auto;
}
.suggested-user:last-child {
  min-height: 25px;
}
#track-menu {
  position: relative;
  padding-top: 15px;
}
#track-menu .multi-select-filter-menu li a {
  font-size: 18px;
}
#track-menu .multi-select-filter-menu li a:hover .remove-link {
  opacity: 1;
}
#track-menu .multi-select-filter-menu .collapsible-content .collapsible-content li a {
  font-size: 15px;
}
#track-date-picker {
  padding: 20px 32px;
  overflow: hidden;
  border-bottom: 1px solid #E1E1E1;
  position: relative;
}
#track-date-picker + .onboarding {
  left: 360px;
  top: 42px;
}
#track-date-picker .remove-link {
  position: absolute;
  right: 24px;
  top: 33px;
}
#track-date-picker .remove-link:before {
  top: 6px;
}
#track-date-picker #date-container-outer {
  width: 302px;
  margin: 0 auto;
}
#date-container {
  float: left;
  width: 250px;
  margin: 0 10px;
  text-align: center;
}
#big-day,
#full-date {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
#big-day {
  font-size: 48px;
  color: #1e2b32;
  line-height: 100%;
}
#full-date {
  font-size: 24px;
  color: #626d71;
}
#activity-search-container {
  background-color: #e7f5fb;
  padding: 15px 20px;
  border-bottom: 1px solid #E1E1E1;
}
#activity-search-container input {
  height: 42px;
  font-size: 24px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
#activity-search-container > span {
  right: 30px;
  top: 27px;
}
#track-empty-state .major-header,
#track-empty-state .dramatic-body {
  text-align: center;
}
#track-empty-state .major-header {
  padding: 15px 10px;
  border-bottom: 1px solid #e1e1e1;
  margin: 0;
}
#track-empty-state .dramatic-body {
  padding: 30px 0 20px;
}
#track-empty-state .large-body {
  padding: 0 15px;
}
#track-empty-state .card-container {
  display: inline-block;
  margin: 10px 9px;
}
.track-menu-filter {
  float: left;
  margin-right: 4px;
  width: 125px;
}
.track-menu-filter h3 {
  font-size: 18px;
  color: #8f9a9e;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.track-menu-filter li {
  margin-bottom: 3px;
}
.track-menu-filter li ul {
  margin-left: 12px;
}
.track-menu-filter li ul label {
  font-size: 14px;
  color: #626D71;
}
.track-menu-filter li a.expandable:before {
  background: url("/site_media/images/master-sprite.png?v101813") -255px 0px;
  width: 8px;
  height: 11px;
  content: "";
  margin: 5px 5px 0 0;
  float: left;
}
.track-menu-filter li a.expandable.selected:before {
  background: url("/site_media/images/master-sprite.png?v101813") -183px 0px;
  width: 12px;
  height: 8px;
  content: "";
  margin: 8px 4px 0 -4px;
  float: left;
}
.track-menu-filter li:hover a {
  color: #1da6da;
  text-decoration: none;
}
.track-menu-filter a,
.track-menu-filter label {
  font-size: 16px;
  color: #8f9a9e;
  font-family: "Bariol Light", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
.track-menu-filter a:hover,
.track-menu-filter label:hover {
  color: #1da6da;
}
.track-menu-filter ul {
  margin: 5px 0;
}
#activity-list-container {
  min-height: 1200px;
}
#routine_panel {
  min-height: 300px;
}
#track-share-options {
  padding: 10px;
  padding-bottom: 8px;
  display: inline-block;
  float: left;
}
#track-share-options .small-details {
  padding-left: 4px;
}
#track-share-options .inline-block {
  padding: 8px 8px 8px 0px;
}
#track-share-options .twitter-icon:before {
  margin-left: -25px;
  margin-top: -8px;
}
#track-share-options .twitter-icon {
  padding-left: 32px;
}
#track-share-options .fb-icon:before {
  margin-left: -25px;
  margin-top: -8px;
}
#track-share-options .fb-icon {
  padding-left: 25px;
}
#track-share-options .tumblr-icon:before {
  margin-left: -25px;
  margin-top: -8px;
}
#track-share-options .tumblr-icon {
  padding-left: 25px;
}
#activity-facepile,
#profile-activity-facepile,
#group-activity-facepile {
  display: block;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 8px;
  float: right;
  width: 270px;
  height: 27px;
  text-align: right;
  font-size: 0px;
}
#activity-facepile .face-container,
#profile-activity-facepile .face-container,
#group-activity-facepile .face-container {
  display: block;
  float: right;
  vertical-align: top;
  width: 100%;
}
#activity-facepile a,
#profile-activity-facepile a,
#group-activity-facepile a {
  display: inline-block;
}
#activity-facepile .tiny_pic img,
#profile-activity-facepile .tiny_pic img,
#group-activity-facepile .tiny_pic img {
  padding: 0px;
  height: 27px;
  width: 27px;
  display: block;
}
#activity-facepile .tiny_text,
#profile-activity-facepile .tiny_text,
#group-activity-facepile .tiny_text {
  padding: 5px;
  padding-top: 6px;
  height: 27px;
  text-decoration: none;
  color: #FFF !important;
  background-color: #1da6da;
  font-size: 13px;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
  min-width: 27px;
}
#facepile-modal,
#profile-facepile-modal,
#group-facepile-modal,
#connect-top-modal,
#pm-hero-upsell-modal {
  width: 485px;
  height: 295px;
  position: relative;
  top: 110px;
  margin-left: auto;
  margin-right: auto;
  z-index: 20;
  overflow: hidden;
}
#facepile-modal .widget-header,
#profile-facepile-modal .widget-header,
#group-facepile-modal .widget-header,
#connect-top-modal .widget-header,
#pm-hero-upsell-modal .widget-header {
  font-size: 24px;
  padding: 15px 30px;
}
#facepile-modal .widget-header,
#profile-facepile-modal .widget-header,
#group-facepile-modal .widget-header,
#connect-top-modal .widget-header,
#pm-hero-upsell-modal .widget-header {
  border-bottom: solid #e0e0e0 1px;
  font-size: 22px;
}
#facepile-modal .remove-link,
#profile-facepile-modal .remove-link,
#group-facepile-modal .remove-link,
#connect-top-modal .remove-link,
#pm-hero-upsell-modal .remove-link {
  top: 15px;
  right: 15px;
}
#facepile-modal .suggestion-header,
#profile-facepile-modal .suggestion-header,
#group-facepile-modal .suggestion-header,
#connect-top-modal .suggestion-header,
#pm-hero-upsell-modal .suggestion-header {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 18px;
  border-bottom: solid #E0E0E0 1px;
  padding-bottom: 20px;
  padding-top: 5px;
  padding-right: 5px;
  margin-left: 5px;
}
#facepile-modal .suggestion-container,
#profile-facepile-modal .suggestion-container,
#group-facepile-modal .suggestion-container,
#connect-top-modal .suggestion-container,
#pm-hero-upsell-modal .suggestion-container {
  float: left;
  width: 200px;
  padding: 10px 20px 0px 20px;
}
#facepile-modal .suggestion-item,
#profile-facepile-modal .suggestion-item,
#group-facepile-modal .suggestion-item,
#connect-top-modal .suggestion-item,
#pm-hero-upsell-modal .suggestion-item {
  padding: 5px;
}
#facepile-modal .suggestion-item:first-child,
#profile-facepile-modal .suggestion-item:first-child,
#group-facepile-modal .suggestion-item:first-child,
#connect-top-modal .suggestion-item:first-child,
#pm-hero-upsell-modal .suggestion-item:first-child {
  padding-top: 15px;
}
#facepile-modal a,
#profile-facepile-modal a,
#group-facepile-modal a,
#connect-top-modal a,
#pm-hero-upsell-modal a {
  text-decoration: none;
  color: #8E999E;
}
#facepile-modal img,
#profile-facepile-modal img,
#group-facepile-modal img,
#connect-top-modal img,
#pm-hero-upsell-modal img {
  height: 25px;
  width: 25px;
  display: block;
}
#facepile-modal .suggestion-item-name,
#profile-facepile-modal .suggestion-item-name,
#group-facepile-modal .suggestion-item-name,
#connect-top-modal .suggestion-item-name,
#pm-hero-upsell-modal .suggestion-item-name {
  padding-left: 10px;
  font-size: 12px;
  color: #8E999E;
  overflow: hidden;
  height: 27px;
  display: table;
  table-layout: fixed;
  width: 110px;
  line-height: 1.1em;
  padding-right: 0px;
}
#facepile-modal .suggestion-item-name a,
#profile-facepile-modal .suggestion-item-name a,
#group-facepile-modal .suggestion-item-name a,
#connect-top-modal .suggestion-item-name a,
#pm-hero-upsell-modal .suggestion-item-name a {
  display: table-cell;
  vertical-align: middle;
}
#facepile-modal .group,
#profile-facepile-modal .group,
#group-facepile-modal .group,
#connect-top-modal .group,
#pm-hero-upsell-modal .group {
  width: 140px;
}
#profile-activity-facepile,
#group-activity-facepile {
  padding-top: 0px;
  padding-bottom: 0px;
}
#profile-activity-facepile .tiny_text,
#group-activity-facepile .tiny_text {
  padding-top: 3px;
}
#profile-facepile-modal,
#group-facepile-modal {
  text-align: left;
  width: 600px;
  height: 290px;
  position: absolute;
  top: 70px;
  right: 20px;
}
#profile-facepile-modal .suggestion-item:first-child,
#group-facepile-modal .suggestion-item:first-child {
  padding-top: 10px;
}
#profile-facepile-modal .suggestion-item,
#group-facepile-modal .suggestion-item {
  padding-bottom: 0px;
}
#connect-top-modal {
  text-align: left;
  width: auto;
  height: auto;
  position: relative;
  top: 0px;
  margin: 0;
}
#connect-top-modal #suggestions-wrapper {
  padding: 20px 25px;
  position: relative;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #E0E0E0;
}
#connect-top-modal #suggestions-wrapper .suggestion-container {
  width: auto;
  margin: 0 25px 0 0;
  padding: 0;
}
#connect-top-modal #suggestions-wrapper .suggestion-container:last-child {
  margin: 0;
}
#connect-top-modal #suggestions-wrapper .suggestion-container .suggestion-header {
  padding: 0 0 20px 0;
  margin: 0 0 10px 0;
}
#connect-top-modal #suggestions-wrapper .suggestion-container .suggestion-item {
  margin: 0 0 5px 0;
  padding: 0;
  color: #8E999E;
}
#connect-top-modal #suggestions-wrapper .suggestion-container .suggestion-item:hover,
#connect-top-modal #suggestions-wrapper .suggestion-container .suggestion-item:focus {
  background-color: #e7f6fb;
  border: 1px solid #EOF2FA;
  border-radius: 3px;
}
#connect-top-modal #suggestions-wrapper .suggestion-container .suggestion-item .tiny {
  vertical-align: middle;
  display: inline-block;
  margin-top: 0;
}
#connect-top-modal #suggestions-wrapper .suggestion-container .suggestion-item .suggestion-item-name {
  display: inline;
  table-layout: auto;
  height: auto;
  width: auto;
  line-height: normal;
  vertical-align: middle;
  padding: 0 10px;
}
#connect-top-modal #suggestions-wrapper a {
  text-decoration: none;
  font-size: 15px;
  line-height: 1.1em;
}
#connect-top-modal #suggestions-wrapper a:hover,
#connect-top-modal #suggestions-wrapper a:focus {
  color: #1DA6DA;
  text-decoration: none;
}
#connect-top-modal #connect-link-button {
  position: relative;
  display: block;
  font-size: 15px;
}
#connect-top-container {
  overflow: hidden;
  padding: 0px 15px 15px 15px;
  position: absolute;
  top: 52px;
  min-width: 220px;
}
#pm-hero-upsell-container .pm-hero-logo.suggestion-container {
  width: auto;
}
#pm-hero-upsell-container .pm-hero-copy.suggestion-container {
  width: auto;
}
#pm-hero-upsell-container {
  overflow: hidden;
  padding: 0 15px 15px 15px;
  left: 588px;
  position: absolute;
  top: 40px;
}
#pm-hero-upsell-container #pm-hero-upsell-modal {
  width: 320px;
  height: 215px;
  top: 0px;
}
#pm-hero-upsell-container #pm-hero-upsell-modal .suggestion-container {
  padding: 0;
}
#pm-hero-upsell-container #pm-hero-upsell-modal .suggestion-item {
  padding: 0;
}
#pm-hero-upsell-container #pm-hero-upsell-modal .pm-hero-logo {
  padding: 26px 18px 0 18px;
}
#pm-hero-upsell-container #pm-hero-upsell-modal .pm-hero-logo .suggestion-item-name {
  padding-left: 0;
  width: 128px;
  height: 128px;
}
#pm-hero-upsell-container #pm-hero-upsell-modal .pm-hero-logo a {
  background: transparent url('../images/profile-hero-sprites.png') scroll no-repeat 0 -256px;
}
#pm-hero-upsell-container #pm-hero-upsell-modal .pm-hero-copy {
  width: 155px;
  padding: 0 17px 0 0;
}
#pm-hero-upsell-container #pm-hero-upsell-modal .pm-hero-copy .suggestion-header {
  white-space: normal;
  font-size: 19px;
  padding: 35px 0 18px;
  margin: 0;
  border-bottom: 0 none;
}
#pm-hero-upsell-container #pm-hero-upsell-modal .pm-hero-copy .suggestion-item-name {
  font-size: 14px;
}
#pm-hero-upsell-container #pm-hero-upsell-modal .pm-hero-copy .group {
  width: 200px;
  padding-left: 0;
}
#pm-hero-upsell-container #pm-hero-upsell-modal a {
  text-decoration: none;
  color: #1da6da;
  font-size: 15px;
  line-height: 1.1em;
}
#pm-hero-upsell-container #pm-hero-upsell-modal a:hover,
#pm-hero-upsell-container #pm-hero-upsell-modal a:focus {
  color: #1DA6DA;
  text-decoration: none;
}
#group-facepile-modal {
  min-height: 300px;
}
#group-facepile-modal .suggestion-container {
  padding: 10px 30px 0px 25px;
}
#group-facepile-modal .group {
  width: 200px;
}
#submit_awesome_button {
  width: 200px;
}
/**============================== Activity Input ==============================**/
#activity_input {
  position: relative;
}
#activity_input_box_form {
  margin-bottom: 8px;
  position: relative;
}
#activity_input_box_form span {
  font-size: 11px;
}
#activity_input_box_form h1 {
  display: inline;
}
#activity_input_box,
#results li a {
  padding: 0 4px;
}
#activity_input_box {
  font-size: 14px;
  width: 280px;
  height: 30px;
}
#action_search_results {
  position: absolute;
  top: 65px;
  z-index: 99;
}
#prompt {
  font-size: 1.6em;
}
#for {
  display: inline-block;
}
#weight_input_mode {
  display: inline-block;
  font-size: 14px;
}
#weight_display_mode,
#bodyweight_display,
#weight_label {
  display: inline-block;
  font-size: 14px;
  color: #8FC340;
  font-weight: bold;
}
#weight_input_mode p {
  margin: 0px;
}
#workout_time {
  width: 215px;
  height: 24px;
}
#ui-datepicker-div {
  z-index: 100;
  width: 211px;
}
#track-browse-container {
  position: relative;
  z-index: 10;
}
#track-browse-container ul li a,
#track-browse-container ul li div {
  font-size: 16px;
  display: block;
  color: #333;
  cursor: pointer;
  padding: 0 10px;
  margin: 0 -10px;
}
#track-browse-container ul ul li div a {
  position: relative;
}
#track-browse-container ul ul ul ul li {
  margin-left: 16px;
}
#track-browse-container input + div,
#track-browse-container > div > div:first-child {
  padding-top: 0;
  border-top: 0;
}
#track-browse-container .onboarding {
  left: 295px;
  top: -5px;
}
#track-browse-container .onboarding > div {
  border: 0;
  padding: 0;
}
#search_exercise_callout {
  left: 780px;
  top: 430px;
}
#activity_search_results_container {
  background: #2e393d;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  position: absolute;
  width: 607px;
  top: 73px;
  left: 16px;
  z-index: 15;
  color: #FFF;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
}
#activity_search_results_container #activity_search_results {
  max-height: 400px;
  border: 0;
  position: relative;
}
#activity_search_results_container #activity_search_results .activity-search-headline {
  padding: 10px 20px;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
  color: #FFF;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 24px;
  position: absolute;
  top: 0;
  width: 606px;
}
#activity_search_results_container #activity_search_results .activity-search-headline .search-string {
  color: #1da6da;
}
#activity_search_results_container #activity_search_results ul,
#activity_search_results_container #activity_search_results .description {
  float: left;
  height: 380px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-top: 45px;
}
#activity_search_results_container #activity_search_results ul {
  width: 330px;
  border-right: 1px solid #1e2b32;
}
#activity_search_results_container #activity_search_results li {
  margin-left: 20px;
}
#activity_search_results_container #activity_search_results li:first-child {
  margin-top: 10px;
}
#activity_search_results_container #activity_search_results li a {
  display: block;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: white;
  width: 275px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  cursor: pointer;
  padding: 5px 5px 5px 10px;
}
#activity_search_results_container #activity_search_results li a:hover {
  text-decoration: none;
  background: #e7f5fb;
  color: #1da6da;
}
#activity_search_results_container #activity_search_results li a b {
  color: #1da6da;
  font-weight: normal;
}
#activity_search_results_container #activity_search_results li:last-child {
  border-top: 1px solid #626d71;
  padding: 15px;
  font-size: 11px;
  text-align: center;
  margin-left: 0;
  margin-top: 10px;
}
#activity_search_results_container #activity_search_results li:only-child {
  border: none;
}
#activity_search_results_container #activity_search_results p {
  padding: 10px 20px;
  text-align: center;
  margin: 0;
}
#activity_search_results_container #activity_search_results .description {
  font-size: 15px;
  line-height: 130%;
  width: 275px;
  padding: 15px;
  border-left: 1px solid #626d71;
}
#activity_search_results_container .chevron-icon.white.up {
  position: absolute;
  right: 18px;
  top: 18px;
  cursor: pointer;
}
#activity_search_results_container img {
  margin: 0 auto;
  padding: 10px;
  display: block;
}
#options-toggle {
  font-size: 18px;
  color: #1da6da;
}
#submit_workout .donotwant {
  margin-top: -15px;
  float: right;
}
#submit_workout #options {
  margin-bottom: 5px;
}
#submit_workout #options label {
  display: inline-block;
}
#submit_workout #options label span {
  font-size: 13px;
  font-weight: normal;
}
#submit_workout .onboarding {
  left: 740px;
  top: 230px;
}
#submit_workout_button {
  margin-right: 15px;
  margin-bottom: 10px;
}
#submit_workout_button span {
  padding: 0;
  background-image: none;
}
div.sets {
  padding: 10px 0;
}
ol.activity-form {
  display: block;
  margin-bottom: 15px;
  margin-top: 0;
}
ol.single-line-input {
  background: none !important;
  margin-top: 0px !important;
  margin-bottom: 10px !important;
  border: 0;
}
.activity-form li {
  list-style: none;
  margin-bottom: 8px;
  padding: 0;
  line-height: 12px;
}
.activity-form li:last-child {
  margin-bottom: 0;
}
.activity-form li label {
  font-size: 14px;
  color: #2B2B2B;
  float: left;
  margin-bottom: 8px;
  display: block;
  width: 100%;
  font-weight: normal;
}
.activity-form li input {
  display: inline-block;
  height: 29px;
  padding: 4px;
  text-align: right;
  font-size: 14px;
  width: 60px;
}
.activity-form li input.placeholder {
  color: #8f9a9e;
}
.activity-form li input.activity_time {
  width: 30px;
}
.activity-form li select {
  padding: 3px;
  font-size: 12px;
}
.activity-form li.session_label {
  margin-bottom: 0;
  margin-right: 15px;
  font-size: 21px;
  color: #1da6da;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.activity-form li span {
  font-size: 18px;
  margin: 0 10px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1e2b32;
}
.activity-form li span.marker_after {
  font-size: 16px;
  color: #8f9a9e;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: 18px;
}
.desc_history {
  display: inline-block;
  padding-top: 10px;
  padding-right: 18px;
  padding-bottom: 10px;
  margin-left: 20px;
  width: 250px;
}
.desc_history_content {
  max-height: 250px;
  overflow-y: auto;
}
.desc_history_content > p:first-child {
  color: #626D71;
  font-size: 14px;
}
.desc_history_content .history_date_label {
  font-size: 18px;
  color: #8f9a9e;
  margin-bottom: 8px;
  margin-top: 25px;
}
.desc_history_content .history_date_label:first-child {
  margin-top: 0;
}
.desc_history_content ul.action_detail li {
  font-size: 14px;
  color: #1f2b32;
  padding: 0;
  margin-bottom: 12px;
}
.desc_history_content ul.action_detail li {
  line-height: 12px;
}
.desc_history p {
  font-size: 13px;
  line-height: 150%;
}
input.hr_field,
input.min_field,
input.sec_field,
input.ft_field,
input.in_field {
  width: 30px !important;
}
ol.activity-form:last-child {
  margin-bottom: 0;
}
.entry-item-help {
  position: absolute;
  left: 220px;
  width: 300px;
  word-spacing: 1px;
  z-index: 99;
}
.entry-item-help li:last-child {
  padding: 0;
}
.entry-item-help ul li {
  list-style: disc outside none;
  margin-left: 20px;
}
#weight {
  width: 40px;
  padding: 3px;
}
#weight_log {
  margin-top: 10px;
}
.edit_weight {
  font-size: 11px;
}
#action_input_prompt {
  margin: 10px 0 0 0;
}
.entry-item {
  overflow: hidden;
  background-color: #FFF;
  border: 1px solid #E0E0E0;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 12px rgba(0, 0, 0, 0.2);
  margin: 15px;
}
.entry-item:first-child .header {
  border-top: 0;
}
.entry-item .header {
  position: relative;
  margin: 10px 15px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #ededed;
}
.entry-item .header .circled-number {
  vertical-align: top;
}
.entry-item .header h3 {
  margin-left: 17px;
  display: inline-block;
  font-size: 28px;
  padding-bottom: 5px;
  width: 410px;
  margin-bottom: 0;
  color: #626d71;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.entry-item .header a.remove-link {
  position: absolute;
  right: 0;
  top: 10px;
}
.entry-item .header a.remove-link:before {
  top: 6px;
}
.entry-item .body .menu {
  border-bottom: 1px solid #ededed;
  overflow: hidden;
  padding-top: 10px;
  margin: 0 18px;
}
.entry-item p {
  margin: 0;
}
.entry-fields {
  vertical-align: top;
  display: inline-block;
  width: 331px;
  padding: 10px 15px 10px 18px;
  position: relative;
  z-index: 1;
}
.edit-set-number {
  display: inline-block;
  vertical-align: top;
  width: 313px;
}
.edit-set-number a {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 17px;
  color: #8f9a9e;
  margin-right: 20px;
}
.edit-set-number a:hover {
  color: #2e393d;
}
.edit-set-number a:last-child {
  margin: 0;
}
.edit-set-number .add-item-icon:before,
.edit-set-number .copy-item-icon:before,
.edit-set-number .remove-item-icon:before {
  top: 0;
}
.desc-history-toggle {
  width: 200px;
  display: inline-block;
  margin-left: 20px;
}
.desc-history-toggle li {
  display: inline-block;
  line-height: 24px;
  margin-right: 10px;
  padding-bottom: 0;
}
.desc-history-toggle li a {
  font-size: 18px;
}
.entry-note-container {
  line-height: 15px;
  padding: 10px 0;
  color: #363636;
  clear: both;
  padding: 15px 33px;
  position: relative;
  background-color: #F4F5F5;
  border-top: 1px solid #C7C7C7;
  z-index: 2;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.entry-note-container .section_label {
  font-size: 18px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
textarea.entry-note {
  vertical-align: top;
  width: 480px;
  resize: vertical;
  height: 50px;
  max-height: 80px;
  font-size: 13px;
  margin-left: 20px;
}
/** ===============  Hover Callout ================ **/
.target_callout_tooltip {
  position: absolute !important;
}
.target_callout_tooltip p {
  margin: 0;
}
.target_callout_tooltip .callout_piclink {
  float: left;
}
.target_callout_tooltip .callout_piclink .avatar.medium {
  margin-right: 15px;
  float: left;
}
.target_callout_tooltip .callout_target_main_pic {
  height: 68px;
  width: 68px;
  float: left;
  margin-right: 10px;
}
.target_callout_tooltip .callout_target_main_pic:after {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 8px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
}
.target_callout_tooltip .callout_target_main_pic img {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 8px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
}
.target_callout_tooltip .callout_target_main_pic img.hero {
  -webkit-box-shadow: 0 0 0px 4px #1da6da;
  -moz-box-shadow: 0 0 0px 4px #1da6da;
  box-shadow: 0 0 0px 4px #1da6da;
}
.target_callout_tooltip .callout_target_main_pic img.employee {
  -webkit-box-shadow: 0 0 0px 4px #724788;
  -moz-box-shadow: 0 0 0px 4px #724788;
  box-shadow: 0 0 0px 4px #724788;
}
.target_callout_tooltip .callout_target_main_pic img.vip {
  -webkit-box-shadow: 0 0 0px 4px #db5c39;
  -moz-box-shadow: 0 0 0px 4px #db5c39;
  box-shadow: 0 0 0px 4px #db5c39;
}
.target_callout_tooltip .callout {
  width: 300px;
  padding: 0;
}
.target_callout_tooltip > div > div {
  padding: 10px;
  overflow: hidden;
}
.target_callout_tooltip p.callout_username {
  font-weight: bold;
  font-size: 18px !important;
  color: #295CA0 !important;
}
.target_callout_tooltip .callout_title {
  font-size: 14px !important;
  color: #879397 !important;
}
.target_callout_tooltip .progressbar-container {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.target_callout_tooltip .mini-progressbar {
  margin-bottom: 5px;
  background-color: #333;
}
.target_callout_tooltip .hero-hover-friends {
  overflow: hidden;
}
.target_callout_tooltip .hero-hover-friends .avatar {
  float: left;
  margin-right: 5px;
}
.target_callout_tooltip .hero-hover-friends p {
  font-weight: normal!important;
  color: #879397 !important;
}
.target_callout_tooltip .hero-hover-friends p a {
  color: #879397 !important;
  font-weight: normal!important;
  margin-bottom: 3px;
}
/** ================= Title List Modal ================ **/
#title-table .dramatic-title {
  font-weight: bold;
  font-size: 21px;
  color: #626D71;
}
#title-table .title-description {
  font-weight: bold;
  font-size: 13px;
}
#title_table tbody tr.current span.title_lock_status {
  background-position: 0 -72px;
}
#user_titles img {
  display: block;
  margin: auto;
}
#not_hero_cta {
  width: 500px;
}
#not_hero_cta a {
  margin: 10px auto;
  display: block;
  width: 360px;
  text-align: center;
}
/** ================= Hero Confirmation Page ================ **/
#hero-confirmation {
  padding: 20px;
}
#hero-confirmation h1,
#hero-confirmation h2,
#hero-confirmation h3,
#hero-confirmation p {
  font-weight: bold;
}
#hero-confirmation h1 {
  font-size: 40px;
}
#hero-confirmation h2 {
  font-size: 30px;
}
#hero-confirmation h3 {
  font-size: 20px;
  margin: 30px 0 15px;
}
#hero-confirmation img {
  display: block;
  margin: 20px auto 30px;
}
#hero-confirmation p {
  font-size: 16px;
  line-height: 130%;
  color: #8f9a9e;
}
#hero-confirmation li {
  font-size: 16px;
  margin-bottom: 8px;
}
#confirmation-text .large-body {
  text-align: left;
  padding: 0px 25px;
  color: white;
}
table#gift-recipients input[type=text] {
  width: 100px;
}
table#gift-recipients input[disabled=disabled] {
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: transparent;
}
#hero-gift-history ul {
  padding-top: 5px;
}
a.duplicate-gift,
a.resend-notification,
a.add-recipient-button,
a.remove-recipient-button {
  display: inline-block;
}
a.remove-recipient-button {
  background-image: url(../images/gift-remove-icon.png);
  width: 14px;
  height: 15px;
  position: relative;
  top: 3px;
  left: 1px;
}
a.add-recipient-button {
  background-image: url(../images/gift-add-icon.png);
  width: 17px;
  height: 17px;
  top: 4px;
  position: relative;
}
.gift-transaction-icons {
  width: 100%;
  text-align: left;
  margin-top: -5px;
}
.gift-transaction-icons a {
  font-size: 11px;
  color: #8f999e;
  margin-right: 4px;
}
tr#add-recipient td.gift-cost {
  color: #999;
}
#gift-recipients th {
  border-top: 0;
}
div#gift-total-row {
  font-size: 11pt;
  font-weight: bold;
  text-align: right;
  margin-top: 10px;
  padding-right: 40px;
}
#section-errors ul {
  list-style: circle;
  margin: 15px;
}
#section-history .subsection {
  padding: 0;
  border-bottom: 0px;
}
#section-history .subsection p {
  padding: 40px 0px 40px 20px;
  margin-bottom: 0px;
  border-bottom: 1px solid #e1e1e1;
}
#section-recipients .subsection {
  padding: 0 0 40px 0;
}
/** ============= Ads ============= **/
/* TODO:  This will probably have to be changes for new sidebar size.*/
.ad_container {
  margin-left: -15px;
}
.ad_container embed,
.ad_container a,
.ad_container img,
.ad_container iframe {
  display: block;
  width: 300px;
  margin: 0 auto;
}
.ad_container.hero-promo {
  margin-left: -25px;
}
.ad_container.hero-promo a,
.ad_container.hero-promo img {
  display: inline-block;
  width: auto;
}
.connect-sidebar-column .ad_container {
  margin-left: 0px;
}
#lwp_ad_item_premium_138121 {
  margin: 0 auto;
}
#BAP-holder + img {
  display: none;
}
/** Onboarding **/
.inset_gray_box {
  background-color: #B1B1B1;
  border: 1px solid #888;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  position: relative;
}
.inset_gray_box h2 {
  padding: 10px;
  font-size: 18px;
  color: #363636;
  font-weight: bold;
  text-align: center;
  background-color: #D1D1D1;
  -webkit-box-shadow: inset 0 2px 1px RGBA(120, 120, 120, 0.3);
  -moz-box-shadow: inset 0 2px 1px RGBA(120, 120, 120, 0.3);
  box-shadow: inset 0 2px 1px RGBA(120, 120, 120, 0.3);
}
.inset_gray_box > div {
  padding: 10px;
}
#schedule_confirmation {
  height: auto;
  width: auto;
}
#schedule_confirmation h2 {
  margin: 0;
}
#schedule_confirmation hr {
  margin: 1em;
}
#schedule_confirmation button {
  margin: 10px 0 0 0;
  width: 100%;
  display: block;
}
#schedule_confirmation .modal_inner {
  width: 302px;
}
#schedule_confirmation .new_user {
  overflow: hidden;
  margin: 0 auto;
  width: 230px;
}
#cardio_datebar,
#strength_datebar {
  float: left;
  margin: 13px auto;
  font-size: 14px;
  font-weight: bold;
  width: 200px;
}
#cardio_datebar a,
#strength_datebar a,
#cardio_datebar a:hover,
#strength_datebar a:hover {
  color: #2e393d;
  display: inline-block;
  width: 230px;
}
#history_container {
  padding: 20px;
}
#history_container h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#history_filter {
  margin-bottom: 10px;
}
#signup_user_list {
  overflow: hidden;
}
#block_list a {
  margin-left: 5px;
}
.shared_by_origin {
  font-size: 10px;
  color: #9E9E9E;
  font-weight: bold;
}
#feed_share_modal {
  width: 500px;
}
.pagination {
  margin: 15px 0 15px 15px;
  font-size: 14px;
}
.pagination a {
  width: 7px;
  height: 12px;
  display: inline-block;
  margin: 0 8px;
}
.pagination a:first-child {
  margin-left: 0;
}
.pagination a.previous-page {
  background: url("/site_media/images/master-sprite.png?v101813") -350px 0px;
}
.pagination a.previous-page:hover {
  background-position: -416px 0px;
}
.pagination a.next-page {
  background: url("/site_media/images/master-sprite.png?v101813") -339px 0px;
}
.pagination a.next-page:hover {
  background-position: -405px 0px;
}
.pagination .current-page {
  width: 4em;
  text-align: center;
  padding: 1px;
  font-size: 12px;
}
#mini-dash {
  background-color: #2e393d;
  border-top: 1px solid #FFF;
  z-index: 10;
  position: fixed;
  bottom: -212px;
  width: 318px;
}
#mini-dash > div {
  border-bottom: 1px solid #1e2b32;
  border-top: 1px solid #626D61;
  padding: 8px 25px;
}
#mini-dash .header {
  border: 0;
  padding: 0 25px;
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
}
#mini-dash .header > div {
  padding: 8px 0;
  border-bottom: 1px solid #1e2b32;
}
#mini-dash .header > div:before {
  background: url("/site_media/images/master-sprite.png?v101813") -575px -20px;
  width: 19px;
  height: 18px;
  margin-right: 5px;
  margin-top: 1px;
  content: "";
  float: left;
}
#mini-dash .header #mini-dash-toggle {
  float: right;
  font-weight: normal;
  color: #BCC3C5;
  font-size: 11px;
  margin-top: 1px;
}
#mini-dash .progressbar-container {
  color: #BCC3C5;
  border-top: 0;
}
#mini-dash .dash-trigger:hover {
  cursor: pointer;
}
#mini-dash .dash-trigger span {
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
}
#mini-dash .dash-trigger span:before {
  content: "";
  margin: 0 15px 0 0;
  float: left;
}
#mini-dash .item-count {
  display: inline-block;
  background: #FFF;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 50px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 2px;
  background-clip: padding-box;
  text-shadow: none;
  float: right;
  margin-top: 2px;
}
#mini-dash .item-count > div {
  border: 2px solid #2e393d;
  padding: 2px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 50px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-clip: padding-box;
  color: #2e393d;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  text-align: center;
  min-width: 10px;
}
#mini-dash .tab-nav {
  font-size: 13px;
  padding: 8px 22px;
  height: 41px;
}
#mini-dash .tab-nav li {
  width: auto;
  margin-right: 5px;
}
#mini-dash .tab-nav li a {
  color: #8f9a9e;
}
#mini-dash .tab-nav li a:hover,
#mini-dash .tab-nav li a.current,
#mini-dash .tab-nav li a.current:hover {
  color: #1da6da;
}
#mini-dash .dash-section-content {
  padding: 0 25px;
  color: #8f9a9e;
  background-color: #1e2b32;
  overflow: hidden;
  -webkit-box-shadow: inset 0 1px 6px rgba(0,0,0,.4),inset 0 -1px 6px rgba(0,0,0,.4);
  -moz-box-shadow: inset 0 1px 6px rgba(0,0,0,.4),inset 0 -1px 6px rgba(0,0,0,.4);
  box-shadow: inset 0 1px 6px rgba(0,0,0,.4),inset 0 -1px 6px rgba(0,0,0,.4);
  overflow-y: auto;
  max-height: 260px;
}
#mini-dash .dash-section-content .avatar {
  float: left;
}
#mini-dash .dash-section-content li {
  position: relative;
  overflow: hidden;
  padding: 10px 0;
  border-bottom: 1px dotted #666;
}
#mini-dash .dash-section-content li:hover .dash-item-clear {
  opacity: 0.5;
}
#mini-dash .dash-section-content li:hover .dash-item-clear:hover {
  opacity: 1;
}
#mini-dash .dash-section-content li:last-child {
  border-bottom: 0;
}
#mini-dash .dash-section-content li > div {
  margin-left: 47px;
  padding-right: 25px;
}
#mini-dash .dash-section-content li > div#invite-progress-bar {
  margin-left: 0;
  padding: 0;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  height: 10px;
  width: 200px;
}
#mini-dash .dash-section-content li > div#invite-progress-bar.ui-widget-content {
  background: #626D71;
}
#mini-dash .dash-section-content li > div#invite-progress-bar .ui-widget-header {
  background: #55ADBF;
}
#mini-dash .dash-section-content li > div#invite-progress-bar.ui-widget-content,
#mini-dash .dash-section-content li > div#invite-progress-bar .ui-widget-header {
  border: 0;
}
#mini-dash .dash-section-content li > div#invite-progress-bar .ui-progressbar-value.ui-progressbar-value {
  margin: 0;
}
#mini-dash .dash-section-content li p {
  font-size: 13px;
  line-height: 130%;
}
#mini-dash .dash-section-content li p:last-child,
#mini-dash .dash-section-content li p:only-child {
  margin: 0;
}
#mini-dash .dash-section-content li a {
  color: #8f9a9e;
}
#mini-dash .dash-section-content li span {
  font-weight: bold;
  color: #FFF;
}
#mini-dash .dash-section-content li button,
#mini-dash .dash-section-content li .pill-btn {
  float: right;
  margin-top: 10px;
  margin-left: 10px;
  padding: 6px 14px;
  color: #2e393d;
}
#mini-dash .dash-section-content .dash-item-clear {
  text-indent: -9999px;
  width: 11px;
  height: 11px;
  display: inline-block !important;
  background: url("/site_media/images/master-sprite.png?v101813") -324px 0px;
  position: absolute;
  padding: 0 !important;
  cursor: pointer;
  right: 0;
  top: 14px;
  opacity: 0;
}
#mini-dash #mini-dash-challenges-trigger span:before {
  background: url("/site_media/images/master-sprite.png?v101813");
  margin-right: 20px;
  width: 23px;
  height: 25px;
  content: "";
  float: left;
  margin-left: 4px;
  margin-right: 18px;
}
#mini-dash #mini-dash-challenges-trigger span.faded:before {
  background-position: -60px -73px;
}
#mini-dash #mini-dash-challenges-trigger span:before,
#mini-dash #mini-dash-challenges-trigger:hover span:before,
#mini-dash #mini-dash-challenges-trigger:hover .faded:hover:before {
  background-position: -87px -73px;
}
#mini-dash #mini-dash-duels-trigger span:before {
  background: url("/site_media/images/master-sprite.png?v101813");
  width: 27px;
  height: 24px;
  content: "";
  float: left;
  margin-left: 3px;
}
#mini-dash #mini-dash-duels-trigger span.faded:before {
  background-position: -694px -44px;
}
#mini-dash #mini-dash-duels-trigger span:before,
#mini-dash #mini-dash-duels-trigger:hover span:before,
#mini-dash #mini-dash-duels-trigger:hover .faded:hover:before {
  background-position: -725px -44px;
}
#mini-dash #mini-dash-invites-trigger span:before {
  background: url("/site_media/images/master-sprite.png?v101813");
  width: 31px;
  height: 26px;
  content: "";
  float: left;
  margin-top: 2px;
}
#mini-dash #mini-dash-invites-trigger span.faded:before {
  background-position: -254px -73px;
}
#mini-dash #mini-dash-invites-trigger span:before,
#mini-dash #mini-dash-invites-trigger:hover span:before,
#mini-dash #mini-dash-invites-trigger:hover .faded:hover:before {
  background-position: -289px -73px;
}
#mini-dash .dash-expanded-section {
  padding: 0;
}
#mini-dash #mini-dash-challenges .dash-section-content a {
  color: #FFF;
}
#mini-dash #mini-dash-challenges .dash-section-content a span {
  display: block;
}
#mini-dash .accomplishments li {
  margin-right: 3px;
  width: 85px;
}
#mini-dash .accomplishments li label {
  color: #BCC3C5;
  font-size: 13px;
}
#mini-dash .accomplishments li p {
  color: #FFF;
}
.data-table {
  background-color: transparent;
  text-align: left;
  border: 0;
  width: 100%;
}
.data-table td,
.data-table th {
  border: 0;
  padding-left: 0;
  padding-right: 15px;
  font-size: 14px;
}
.data-table th {
  font-size: 16px;
  color: #2e393d;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.data-table th.title {
  width: 200px;
}
.data-table th.value {
  width: 80px;
}
.data-table td {
  padding-bottom: 20px;
  position: relative;
}
.data-table h3,
.data-table h3 a {
  font-size: 16px;
  color: #1e2b32;
  margin-bottom: -5px;
}
.data-table .subtitle,
.data-table .challenge-group-name {
  font-size: 11px;
}
.data-table .value.points {
  font-size: 24px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #8bc53f;
  position: relative;
  top: 6px;
}
.data-table .description {
  font-size: 16px;
  color: #2e393d;
  line-height: 130%;
}
.data-table ul li {
  font-size: 12px;
  color: #8f9a9e;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 8px;
}
.data-table ul li:last-child {
  margin: 0;
}
.data-table ul li.completed {
  color: #87c13f;
  padding-left: 16px;
}
.data-table ul li.completed:before {
  left: 0;
  top: 2px;
}
.data-table .completed .list-item-title {
  color: #87c13f;
  padding-left: 16px;
}
.data-table .completed .list-item-title:before {
  left: 0;
  top: 2px;
}
.data-table .completed .list-item-title a {
  color: #87c13f;
}
.data-table .challenge-time {
  font-size: 11px;
  line-height: 100%;
}
.data-table button {
  margin-left: 25px !important;
}
.data-table button + .description {
  margin-right: 110px;
}
.two-col-table {
  background-color: transparent;
  text-align: left;
  border: 0;
  width: 100%;
}
.two-col-table td,
.two-col-table th {
  border: 0;
  padding: 5px 10px 5px 0;
}
.two-col-table td {
  font-size: 16px;
}
.two-col-table td.label {
  width: 130px;
  color: #2e393d;
  font-weight: bold;
}
.two-col-table td.info {
  color: #8f9a9e;
}
.two-col-table strong.value {
  font-size: 21px;
}
.two-col-table strong.value.points {
  display: inline-block;
  color: #FFF;
  padding: 10px;
  background-color: #8bc53f;
  position: relative;
  top: 14px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 8px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
}
.two-col-table .description {
  font-weight: bold;
  font-size: 13px;
  line-height: 150%;
}
.two-col-table ul li {
  font-size: 13px;
  color: #1da6da;
}
.two-col-table ul li.crossed {
  color: #626D71;
  text-decoration: line-through;
}
.two-col-table .challenge-time {
  font-size: 11px;
  line-height: 100%;
}
.user-list .avatar,
.user-list .content {
  position: relative;
  float: left;
}
.user-list .name {
  font-size: 16px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1e2b32;
}
.user-list .content {
  font-size: 13px;
  color: #8f9a9e;
  line-height: 130%;
}
.user-list .actionable {
  display: inline-block;
  padding: 8px;
  color: #8f9a9e;
}
.user-list .actionable img {
  vertical-align: middle;
  float: left;
}
.user-list .actionable:hover,
.user-list .actionable.selected {
  cursor: pointer;
  background-color: #1da6da;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
.user-list .actionable:hover .content,
.user-list .actionable.selected .content {
  text-decoration: none;
  color: #FFF;
}
.user-list .actionable:hover .name,
.user-list .actionable.selected .name {
  color: #FFF;
}
.user-list.loose li {
  width: 300px;
  min-height: 95px;
  float: left;
  margin: 0 70px 20px 0;
}
.user-list.loose li:nth-child(odd) {
  clear: left;
}
.user-list.loose li:nth-child(2n+2) {
  margin-right: 0;
}
.user-list.loose li .avatar {
  float: left;
  margin-right: 10px;
}
.user-list.loose li > div {
  position: relative;
  width: 220px;
  float: left;
  top: 17px;
}
.user-list.loose li .content {
  width: 140px;
}
.user-list.loose li .name {
  font-weight: normal;
  color: #1e2b32;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.user-list.loose li .secondary {
  font-size: 13px;
  font-family: "Bariol Light", Helvetica, Arial, sans-serif;
}
.user-list.loose li p {
  font-size: 14px;
  color: #8f9a9e;
  line-height: 130%;
}
.user-list.loose li button {
  float: right;
  margin: 0;
}
.user-list.compact li {
  width: auto;
  float: left;
  margin: 0 10px 10px 0;
  width: 156px;
  height: 70px;
}
.user-list.compact li:nth-child(4n+4) {
  margin-right: 0;
}
.user-list.compact li .content,
.user-list.compact li .name {
  width: 85px;
}
.user-list.compact li .content {
  margin-left: 10px;
  height: 50px;
}
.user-list.compact li p {
  font-size: 13px;
  color: #8f9a9e;
  line-height: 130%;
}
.user-list.one-col li {
  min-height: 60px;
  margin-bottom: 10px;
}
.user-list.one-col .content {
  width: 122px;
  line-height: 150%;
  margin-left: 8px;
  top: 13px;
}
.user-list.one-col .name {
  font-weight: normal;
  color: #1e2b32;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.user-list.one-col .secondary {
  font-size: 13px;
  font-family: "Bariol Light", Helvetica, Arial, sans-serif;
}
#profile-quest-container .main-content-section {
  padding: 30px 20px 20px 30px;
  margin-bottom: 25px;
}
#profile-quest-container .main-content-section .main-content-section-title {
  margin-bottom: 10px;
  padding-left: 5px;
}
#profile-quest-container .entity-list table th {
  padding: 20px 30px;
}
#profile-quest-container .entity-list table td {
  padding: 15px 30px;
  vertical-align: top;
  border: 0;
  line-height: 110%;
  border-bottom: 1px solid #DFE0E1;
}
#profile-quest-container .entity-list table ul li {
  padding-left: 16px;
}
#profile-quest-container .entity-list table .subtitle {
  color: #8f9a9e;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
#profile-feed-container .main-content-header {
  padding: 30px 20px 20px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  border-bottom: 1px solid #e1e1e1;
}
#profile-feed-container #message_container .widget-header::before {
  position: absolute;
  right: 0;
  top: auto;
  margin-right: 45px;
  margin-top: 5px;
}
#profile-feed-container .expanded .widget-header::before {
  margin-top: -4px !important;
}
#profile-groups-container .data-table .description {
  padding-right: 36px;
}
#profile-groups-container .data-table button {
  position: absolute;
  right: 0;
  top: 5px;
}
#profile-groups-container .main-content-section-title {
  padding: 30px 20px 20px 30px;
}
#profile-groups-container .groups-list {
  overflow: hidden;
  padding: 10px 20px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
#profile-groups-container .cards-wrapper {
  width: 630px;
  padding-top: 40px;
}
#profile-groups-container .cards-table {
  padding-left: 8px;
}
#profile-friends-container .main-content-section {
  padding: 30px 20px 20px 30px;
  margin-bottom: 25px;
}
#profile-friends-container .main-content-section .main-content-section-title {
  margin-bottom: 10px;
  padding-left: 5px;
}
#profile-friends-container .loading-container {
  overflow: hidden;
  padding: 10px 20px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
#profile-friends-container .user-friends-container {
  overflow: hidden;
}
#profile-friends-container .user-friends-container .major-header {
  padding: 20px;
}
#profile-friends-container .user-friends-container .entity-list {
  padding: 0;
}
#profile-friends-container .user-friends-container .small-detail-bio {
  height: 74px;
  max-width: 250px;
}
#profile-friends-container .user-friends-container .profile-bio {
  height: 111px;
  max-width: 281px;
}
#profile-friends-container .user-friends-container .following {
  text-align: center;
}
#profile-friends-container .user-friends-container .following.checkmark-icon::before {
  margin: 0 auto 8px auto;
}
#profile-friends-container .invite-section {
  padding: 12px 20px;
  border-bottom: 1px solid #e1e1e1;
  overflow: hidden;
}
#profile-friends-container .invite-section.major-header {
  border-top: 1px solid #e1e1e1;
}
#profile-friends-container .invite-section .list-item-title {
  width: 75px;
}
#profile-friends-container .invite-section .checkbox {
  vertical-align: middle;
}
#profile-friends-container .invite-section > div,
#profile-friends-container .invite-section ul {
  margin-left: 95px;
}
#profile-friends-container .profile-socialinvite-list table {
  width: 638px;
}
#profile-friends-container .profile-invite-friends .entity-list th {
  border-top: 0;
}
#profile-friends-container .invite-section-email textarea,
#profile-friends-container .invite-section-email-message textarea {
  background: transparent;
  color: #666;
  width: 500px;
  height: 60px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 0px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.2);
}
#profile-performance-container .main-content-section-title {
  padding: 30px 20px 10px 30px;
}
#profile-performance-container #peformance-data-container {
  border-top: 1px solid #e1e1e1;
}
#profile-performance-container #performance-charts-container {
  padding: 20px;
}
#profile-performance-container .secondary-stats-panel {
  overflow: hidden;
  padding: 10px 20px 5px 17px;
  border-bottom: 1px solid #e1e1e1;
}
#profile-performance-container .secondary-stats-panel li {
  float: left;
  padding: 10px 0;
  text-align: center;
  width: 116px;
  margin-right: 2px;
}
#profile-performance-container .secondary-stats-panel li:last-child {
  margin-right: 0;
}
#profile-performance-container .secondary-stats-panel li .stat-value {
  color: #1da6da;
  font-size: 30px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
#profile-performance-container .secondary-stats-panel li .stat-label {
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #8E999E;
}
#profile-performance-container #performance-chart-footer-container {
  padding: 20px;
  background-color: rgba(143, 154, 158, 0.1);
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
#profile-performance-container #performance-chart-footer-container #history_options {
  width: 530px;
  float: left;
}
#profile-performance-container #performance-chart-footer-container #history_options h3 {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #2e393d;
  font-size: 16px;
}
#profile-performance-container #performance-chart-footer-container #history_download {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
#profile-performance-container #performance-chart-footer-container #history_download a {
  padding-right: 5px;
}
#profile-performance-container #performance-chart-footer-container #history_download a:last-child {
  padding-right: 11px;
}
#profile-performance-container #performance-chart-footer-container .chart_option_effort_selection_div {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  padding-top: 5px;
}
#profile-performance-container #performance-chart-footer-container .chart_option_effort_selection_div .chart_option_effort_selection {
  margin-left: 5px;
}
#profile-performance-container #performance-chart-footer-container .graph-options-ul {
  width: 65%;
  display: table;
  padding-top: 5px;
}
#profile-performance-container #performance-chart-footer-container .graph-options-ul li {
  display: table-cell;
  overflow: hidden;
  text-align: center;
}
#profile-performance-container #performance-chart-footer-container .graph-options-ul li:first-child {
  text-align: left;
  padding-left: 1px;
}
#profile-performance-container #performance-chart-footer-container .graph-options-ul label {
  margin-left: 4px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
#profile-performance-container #performance-chart-footer-container .graph-options-li {
  display: table-cell;
  overflow: hidden;
  padding-left: 1px;
}
.list-user {
  overflow: hidden;
}
#glorious-leader .avatar {
  margin: 5px 0 15px;
  height: 268px;
  width: 268px;
}
#glorious-leader .major-header {
  margin: 0;
}
#glorious-leader p {
  line-height: 130%;
  margin: 15px 0 20px;
}
#search_groups {
  position: absolute;
  top: 25px;
  right: 25px;
}
#group-search-container h2 {
  font-size: 24px;
  font-weight: bold;
}
#group-search-container input[type="text"] {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #cdcfd1;
  color: #AEAEAE;
  padding-right: 30px;
}
.sidebar-vertical-profiles {
  margin: 6px 0;
}
.sidebar-vertical-profiles li {
  padding: 10px 0;
  overflow: hidden;
}
.sidebar-vertical-profiles li img {
  vertical-align: middle;
}
.sidebar-vertical-profiles li a.group_title {
  font-size: 18px;
  font-weight: bold;
  color: #2e393d;
  position: relative;
  top: 5px;
  width: 270px;
  display: inline-block;
}
#group-search-results {
  padding: 20px;
}
#group-search-results li {
  padding: 10px 0;
  overflow: hidden;
}
#group-search-results .content {
  margin-left: 90px;
}
#group-search-results .content .name {
  font-size: 15px;
  font-weight: bold;
  color: #444;
}
#group-search-results .content p {
  font-size: 13px;
  line-height: 18px;
  margin: 0;
}
#group-search-results .content p.member_count {
  font-size: 11px;
  color: #666;
}
.sidebar-large-header {
  font-size: 21px;
  font-weight: bold;
}
#suggested_container {
  overflow: visible;
}
#achievement-users-modal {
  height: 400px;
}
#achievement-users-modal .header img {
  width: 88px;
  height: 88px;
  display: block;
  float: left;
}
#achievement-users-modal .user-list {
  overflow-y: scroll;
  height: 350px;
}
#profile-sidebar-achievement-container img {
  margin-right: 3px;
}
.activity_description_tooltip {
  background-color: #2e393d;
  width: 300px;
  color: #FFF;
  font-size: 13px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 20px;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
  z-index: 9000;
}
#tracker-footer {
  padding: 10px 30px;
}
#tracker-footer #submitting_loader {
  color: #1e2b32;
}
.share-content {
  float: left;
  width: 390px;
}
.show_advanced {
  font-size: 18px;
  color: #1da6da;
}
#user_to_block {
  color: #AEAEAE;
}
.settings-help-text {
  color: #8f9a9e;
  padding: 8px 40px 0px 0;
  line-height: 130%;
}
.settings-help-text p {
  font-size: 12px;
  line-height: 130%;
}
#cancel_hero_form img {
  position: relative;
  display: block;
  top: 20px;
  left: -3px;
  z-index: 9;
}
#quest-modal {
  width: 750px;
}
#quest-modal .tab-nav li {
  margin-right: 10px;
}
#quest-modal .modal_contents {
  overflow: hidden;
  overflow-y: scroll;
  height: 320px;
}
#view-all-notifications {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#view-all-notifications .modal_contents {
  overflow-y: scroll;
  height: 400px;
}
#view-all-notifications li {
  padding: 15px 0 10px;
  border-bottom: 1px solid #e1e1e1;
}
#view-all-notifications li:last-child {
  border: 0;
}
#view-all-notifications p {
  margin: 0;
}
#view-all-notifications .notification-content {
  font-size: 14px;
  margin: 0;
  line-height: 100%;
}
#view-all-notifications .notification-timestamp {
  font-size: 11px;
}
.avatar + p label {
  display: none;
}
#hero_copy_workout {
  width: 350px;
}
#hero_copy_workout #schedule_workout_form #schedule_workout,
#hero_copy_workout #copy_workout_form #schedule_workout,
#hero_copy_workout #schedule_workout_form #copy_workout,
#hero_copy_workout #copy_workout_form #copy_workout {
  margin: 15px auto;
  width: 200px;
  display: block;
}
#hero_copy_workout #schedule_workout_form h2,
#hero_copy_workout #copy_workout_form h2 {
  font-size: 17px;
}
#hero_copy_workout #schedule_workout_form .schedule_workout_date_container,
#hero_copy_workout #copy_workout_form .schedule_workout_date_container {
  display: block;
  width: 300px;
  margin: 20px auto;
  position: relative;
  overflow: hidden;
}
#hero_copy_workout #schedule_workout_form .schedule_workout_date_container #full-date,
#hero_copy_workout #copy_workout_form .schedule_workout_date_container #full-date {
  line-height: 24px;
}
#hero_copy_workout #schedule_workout_form .schedule_workout_date_container .date-arrow,
#hero_copy_workout #copy_workout_form .schedule_workout_date_container .date-arrow {
  margin-top: 4px;
}
#hero_copy_workout #full-date:hover {
  cursor: pointer;
  text-decoration: underline;
}
#hero_copy_workout .date-arrow {
  margin-top: 0;
}
#title_list.not-hero {
  width: 545px;
}
.info-header {
  padding: 20px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  clear: both;
}
.info-header + .info-header {
  border-top: 0;
}
.info-header h2 {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 48px;
  color: #1e2b32;
}
.info-header .secondary {
  font-size: 12px;
}
.info-header .secondary:hover {
  color: #8f9a9e;
}
.section .visual-guide {
  padding: 0;
}
.section .visual-guide img {
  display: block;
  width: 100%;
}
.quick-links {
  overflow: hidden;
  padding: 25px;
}
.quick-links li {
  display: inline-block;
  width: 270px;
  margin: 0 20px 20px 0;
}
.quick-links li a {
  font-size: 18px;
  display: block;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #626D71;
  font-weight: bold;
  padding: 10px 20px;
}
.quick-links li a .circled-number {
  float: left;
  margin-top: -6px;
  margin-right: 8px;
}
.quick-links li a:hover {
  color: #1da6da;
  background-color: #e7f5fb;
  text-decoration: none;
}
.quick-links li a:hover .circled-number {
  background-color: #1da6da;
}
.job-description h2 {
  font-size: 24px;
  color: #1da6da;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
}
.job-description .marketing-body {
  margin-bottom: 10px;
}
.job-description ul.bulleted li {
  font-size: 14px;
}
.team-member {
  overflow: hidden;
}
.team-member .avatar {
  float: left;
  width: 120px;
  height: 120px;
}
.team-member .avatar span,
.team-member .avatar span a {
  font-size: 13px;
  display: block;
  color: #8f9a9e;
  line-height: 140%;
}
.team-member .info {
  margin-left: 140px;
}
.team-member .info .name,
.team-member .info .position {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.team-member .info .name {
  font-size: 24px;
  color: #1da6da;
}
.team-member .info .position {
  font-size: 16px;
  color: #2e393d;
  margin-bottom: 15px;
}
.team-member .info a,
.team-member .info p {
  color: #8f9a9e;
  font-size: 12px;
  display: block;
  line-height: 175%;
}
.press .section-label {
  font-size: 24px;
}
.static-content-dmca h1,
.static-content-dmca h2 {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1da6da;
}
.static-content-dmca h1 {
  font-size: 35px;
}
.static-content-dmca h2 {
  font-size: 28px;
}
.static-content-dmca .section {
  float: none;
  width: 639px;
  padding: 25px;
  border-bottom: 1px solid #E1E1E1;
}
.static-content-dmca .section:last-child {
  border: 0;
}
.static-content-dmca .section > div {
  margin-left: 65px;
}
.static-content-dmca .section p {
  font-size: 15px;
}
.static-content-dmca .section .circled-number {
  float: left;
  margin-top: 5px;
}
.static-content-dmca .field + h2 {
  padding-top: 25px;
}
.static-content-dmca form.dmca-takedown-request .form-error-top {
  background-color: #F1E0D9;
  padding: 10px 15px;
  font-weight: bold;
  max-width: none;
  margin-bottom: 20px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
}
.static-content-dmca form.dmca-takedown-request .public-disclaimer {
  color: #ec5a24;
}
.static-content-dmca form.dmca-takedown-request .public-disclaimer .public-bigline {
  font-weight: bold;
}
.static-content-dmca form.dmca-takedown-request .public-disclaimer a {
  color: #ec5a24;
  text-decoration: underline;
}
.static-content-dmca form.dmca-takedown-request .takedown-section-fields {
  padding: 20px;
}
.static-content-dmca form.dmca-takedown-request h2 {
  padding-bottom: 20px;
}
.static-content-dmca form.dmca-takedown-request textarea {
  height: 70px;
  width: 400px;
}
.static-content-dmca form.dmca-takedown-request .field-takedown_entry input {
  width: 400px;
}
.static-content-dmca form.dmca-takedown-request .takedown-section-legalese .field-cb {
  position: relative;
}
.static-content-dmca form.dmca-takedown-request .takedown-section-legalese .field-cb label {
  font-weight: normal;
  font-size: 16px;
  color: #3A3A3A;
  display: inline;
  margin: 0 10px 0 25px;
  cursor: pointer;
}
.static-content-dmca form.dmca-takedown-request .takedown-section-legalese .field-cb input {
  position: absolute;
  left: 0px;
  top: 3px;
}
.static-content-dmca form.dmca-takedown-request .field-has-error {
  background-color: #F1E0D9;
  padding: 10px 0;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
}
.static-content-dmca form.dmca-takedown-request .field-has-error label {
  color: #C41F1F;
}
.static-content-dmca form.dmca-takedown-request .pretend-field {
  font-size: 13px;
}
.static-content-dmca .dmca-procedure li,
.static-content-dmca .form-error-top li {
  list-style-type: disc;
  font-size: 15px;
  list-style-position: inside;
}
.static-content-dmca .dmca-procedure li {
  color: #626d71;
}
#user_titles {
  overflow: hidden;
  overflow-y: scroll;
  height: 320px;
}
#hero-cta-banner {
  padding: 17px 20px 13px;
  border-top: 14px solid #ebedee;
  border-bottom: 14px solid #ebedee;
  height: 75px;
}
#hero-cta-banner a {
  padding: 10px 15px;
  margin: 15px 0 0 10px;
}
#hero-cta-banner.gray {
  background-color: #F4F5F6;
}
#hero-cta-banner + .section-label {
  border-top: 1px solid #CCC;
}
#hero-cta-banner + .section-label + .section {
  border-top: 1px solid #CCC;
}
#hero-upgrade-reasons {
  overflow: hidden;
  border-bottom: 14px solid #ebedee;
}
#hero-upgrade-reasons ul {
  display: block;
  margin: 0 auto;
  width: 485px;
}
#hero-upgrade-reasons li {
  display: inline-block;
  width: 220px;
  margin: 0 10px 10px;
  font-size: 16px;
  color: #53AEC0;
  font-weight: bold;
}
#hero-ad img {
  float: left;
  margin-right: 15px;
}
#hero-ad p {
  color: #8f9a9e;
  font-size: 14px;
  margin: 0;
}
#duel-button {
  margin-top: 2px;
  margin-bottom: 2px;
  height: 38px;
  float: right;
}
#duel-menu {
  width: auto;
}
#duel-menu .widget-header {
  margin-bottom: 0;
  border: 0;
  padding: 15px 10px 10px;
}
#duel-menu .widget-header > div {
  float: left;
}
#duel-menu .widget-header > div.left {
  width: 320px;
}
#duel-menu .widget-header > div.left div {
  width: 210px;
  margin: 0 auto;
}
#duel-menu .widget-header > div.right {
  width: 380px;
  margin-left: 10px;
}
#duel-menu .widget-header img {
  float: none;
}
#duel-menu .avatar {
  float: none;
  display: inline-block;
  margin: 0;
}
#duel-menu #crossed-swords {
  margin: 0 8px 18px;
}
#duel-menu h2 {
  font-size: 24px;
}
#duel-menu > div {
  font-size: 13px;
  line-height: 20px;
}
#duel-menu > div label {
  margin: 0 10px 0 0;
  text-align: right;
  display: inline-block;
  width: 100px;
  font-size: 16px;
  vertical-align: top;
}
#duel-menu > div input,
#duel-menu > div textarea {
  font-size: 12px;
}
#duel-menu > div input {
  width: 75px;
  margin: 0 5px;
}
#duel-menu > div label + input {
  margin-left: 0;
}
#duel-menu > div textarea {
  width: 280px;
  height: 120px;
  max-height: 140px;
  resize: vertical;
}
#duel-form-container {
  padding: 0;
  border-top: 1px solid #C7C7C7;
}
#duel_form .main {
  overflow: hidden;
  padding: 20px;
}
#duel_form .left-column,
#duel_form .right-column {
  float: left;
}
#duel_form .left-column {
  width: 320px;
}
#duel_form .left-column input {
  width: 90px;
  padding: 5px;
}
#duel_form .left-column p {
  font-size: 13px;
  display: inline-block;
  width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#duel_form .right-column {
  width: 380px;
}
#duel_form .right-column label {
  width: auto;
}
#duel_form #id_battletype {
  max-width: 180px;
}
#duel_form #id_description {
  width: 290px;
  height: 110px;
  margin: 0;
}
#duel_form .bottom {
  clear: both;
  text-align: center;
  padding: 10px;
  border-top: 1px solid #CCC;
}
#duel_form .errorlist {
  margin-left: 93px;
}
#duel_form .errorlist li {
  padding-bottom: 0;
}
#duel_form .jqEasyCounterMsg {
  display: block;
  margin-left: 120px;
  margin-right: 23px;
  position: relative;
  top: -5px;
}
#duel-header {
  background-color: #f8f9fa;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 35px;
}
#duel-header h1 {
  float: left;
  width: 268px;
}
#duel-header .score-bar {
  float: left;
  position: relative;
  width: 300px;
  height: 20px;
  margin: 10px 40px;
  background-color: #ccc !important;
}
#duel-header .score-bar.ui-progressbar {
  overflow: visible;
}
#duel-header .score-bar.ui-widget-content,
#duel-header .score-bar .ui-widget-header {
  background: #8bc53f;
  border: 0;
}
#duel-header .score-bar .ui-progressbar-value.ui-progressbar-value {
  margin: 0;
}
#duel-header .score-bar.challengee-winning {
  background-color: #8bc53f !important;
}
#duel-header .score-bar.challengee-winning .ui-widget-header {
  background: #ccc;
}
#duel-header .score-bar:before {
  position: absolute;
  content: '';
  height: 92px;
  width: 92px;
  background: url("../images/duel-icon-shadowed-92x92.png");
  top: -35px;
  left: 105px;
}
#duel-main .tab-nav {
  min-height: 1px;
  margin: 15px auto 0;
  font-size: 16px;
  text-align: center;
}
#duel-main .tab-nav li {
  float: none;
  display: inline;
}
#duel-main .tab-nav li a {
  padding-bottom: 8px;
}
#duel-box {
  background-color: #2e393d;
  color: #FFF;
  margin: 0 -2000px;
  padding: 0 2000px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  text-align: center;
  overflow: hidden;
}
#duel-box .status-container,
#duel-box .duelist-container {
  margin: 0 -2000px;
  padding: 0 2000px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#duel-box .status-container {
  border-bottom: 1px solid #384649;
  float: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
#duel-box .status-container .status {
  margin-bottom: 10px;
}
#duel-box .status-container .witty {
  color: #8f9a9e;
}
#duel-box .duelist-container {
  background-color: #1f2b32;
  overflow: hidden;
}
#duel-box .duelist-container > div {
  position: relative;
  float: left;
}
#duel-box .duelist-container > div:last-child {
  margin: 0;
}
#duel-box .duelist {
  position: relative;
}
#duel-box .duelist > a {
  display: block;
  height: 287px;
  width: 287px;
}
#duel-box .duelist > a > img {
  width: 100%;
  height: 100%;
}
#duel-box .duelist .avatar.tiny {
  float: left;
  margin-right: 10px;
}
#duel-box .duelist .avatar.tiny:last-child {
  margin-right: 0;
}
#duel-box .duelist .winner,
#duel-box .duelist .loser,
#duel-box .duelist .cheerers {
  color: #FFF;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 70px;
}
#duel-box .duelist .winner,
#duel-box .duelist .loser {
  text-align: left;
  font-weight: bold;
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 70px;
  z-index: 10;
}
#duel-box .duelist .winner div,
#duel-box .duelist .loser div {
  margin: 0 auto;
}
#duel-box .duelist .winner div:before,
#duel-box .duelist .loser div:before {
  background-position: -385px -73px;
  margin: 20px 5px 0 0;
  float: left;
  height: 27px;
  width: 27px;
}
#duel-box .duelist .loser {
  background-color: #BB272D;
}
#duel-box .duelist .loser div {
  width: 82px;
}
#duel-box .duelist .loser div:before {
  background-position: -354px -73px;
}
#duel-box .duelist .winner {
  background-color: #8bc53f;
}
#duel-box .duelist .winner div {
  width: 108px;
}
#duel-box .duelist .cheerers {
  background-color: rgba(31, 43, 50, 0.65);
  padding: 22px 25px;
}
#duel-box .stats {
  width: 382px;
  font-size: 18px;
  color: #8f9a9e;
}
#duel-box .stats ul {
  padding: 20px 30px;
  height: 141px;
  color: #8f9a9e;
  background-color: #1e2b32;
  overflow: hidden;
}
#duel-box .stats ul li {
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
}
#duel-box .stats ul li:last-child {
  margin: 0;
}
#duel-box .stats ul span {
  font-size: 30px;
}
#duel-box .stats ul .challenger,
#duel-box .stats ul .challengee {
  position: absolute;
}
#duel-box .stats ul .challenger {
  left: 0;
}
#duel-box .stats ul .challengee {
  right: 0;
}
#duel-box .stats ul .winning {
  color: #8bc53f;
}
#duel-box .stats ul .stat-label {
  font-size: 18px;
  text-transform: uppercase;
  color: #FFF;
  display: block;
}
#duel-box .stats .type {
  padding: 10px 15px 5px;
  border-bottom: 1px solid #384649;
  height: 59px;
  display: table;
  width: 100%;
  color: #FFF;
  font-size: 36px;
}
#duel-box .stats .type div {
  line-height: 36px;
  display: table-cell;
  vertical-align: middle;
}
#duel-box .stats .date-range {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table;
  width: 100%;
  height: 70px;
  border-top: 1px solid #384649;
  font-size: 13px;
  padding: 0 10px;
}
#duel-box .stats .date-range > div {
  display: table-cell;
  vertical-align: middle;
}
#duel-box .stats .date-range span {
  color: #FFF;
}
.duel-nav-container {
  text-align: center;
  background-color: #f4f5f5;
  padding: 25px 20px 20px;
  border-bottom: 1px solid #e1e1e1;
  -webkit-box-shadow: inset 0 -1px 1px #ffffff;
  -moz-box-shadow: inset 0 -1px 1px #ffffff;
  box-shadow: inset 0 -1px 1px #ffffff;
}
#duel-response {
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
  padding: 15px;
}
#duel-response button {
  width: 120px;
  padding: 10px 15px;
  margin: 10px;
}
#shout-out-container {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
#shout-out-container .left,
#shout-out-container .right {
  width: 480px;
  float: left;
}
#shout-out-container .left .header,
#shout-out-container .right .header {
  text-align: center;
  padding: 20px;
  margin-bottom: 5px;
}
#shout-out-container .left .header .other-side,
#shout-out-container .right .header .other-side {
  color: #8f9a9e;
  font-size: 12px;
}
#shout-out-container .left h3,
#shout-out-container .right h3,
#shout-out-container .left h3 a,
#shout-out-container .right h3 a {
  font-size: 24px;
  font-weight: normal;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1da6da;
}
#shout-out-container .left {
  border-right: 1px solid #e1e1e1;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
}
#shout-out-container .left .shouts {
  padding-left: 15px;
}
#shout-out-container .right .shout-bubble {
  float: right;
}
#shout-out-container .right .shouts {
  padding-right: 16px;
}
#shout-out-container .social_row {
  margin: 0;
}
#shout-out-container .shout-bubble {
  width: 440px;
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 20px 20px 15px;
  margin-bottom: 10px;
  line-height: 140%;
}
#shout-out-container .shout-bubble .avatar {
  float: left;
}
#shout-out-container .shout-bubble .rightnotch-border {
  border-left-color: #e1e1e1;
}
#shout-out-container .shout-bubble .leftnotch-border {
  border-right-color: #e1e1e1;
}
#shout-out-container .shout-bubble > div {
  margin-left: 85px;
  margin-bottom: 10px;
}
#shout-out-container .shout-bubble p {
  line-height: 115%;
}
#shout-out-container .shout-bubble .delete_item {
  opacity: 0;
  right: 8px;
  top: 8px;
}
#shout-out-container .shout-bubble:hover .delete_item {
  opacity: 0.5;
}
#shout-out-container .shout-bubble:hover .delete_item:hover {
  opacity: 1;
}
#shout-out-container .shout-bubble.add-shout {
  background-color: #F6F6F6;
}
#shout-out-container .shout-bubble.add-shout .rightnotch {
  border-left-color: #F6F6F6;
}
#shout-out-container .shout-bubble.add-shout .rightnotch-border {
  border-left-color: #e1e1e1;
}
#shout-out-container .shout-bubble.add-shout .leftnotch {
  border-right-color: #F6F6F6;
}
#shout-out-container .shout-bubble.add-shout .leftnotch-border {
  border-right-color: #e1e1e1;
}
#shout-out-container .shout-bubble.add-shout textarea {
  width: 399px;
  height: 60px;
  color: #f1f2f3;
  font-size: 16px;
  padding: 10px;
  resize: vertical;
}
#shout-out-container .shout-bubble.add-shout .jqEasyCounterMsg {
  float: left;
  margin-top: 15px;
  display: block;
  width: 150px !important;
}
#shout-out-container .shout-bubble.add-shout button {
  margin: 10px 0 0;
}
#shout-out-container .shout-bubble.viewer-comment {
  border-color: #BDCCD4;
}
#shout-out-container .shout-bubble.viewer-comment .shout-author:before {
  background: url("/site_media/images/master-sprite.png?v101813") -539px 0px;
  content: "";
  width: 14px;
  height: 13px;
  margin: 1px 3px 0 0;
  float: left;
}
#shout-out-container .shout-bubble.viewer-comment .rightnotch-border {
  border-left-color: #BDCCD4;
}
#shout-out-container .shout-bubble.viewer-comment .leftnotch-border {
  border-right-color: #BDCCD4;
}
#shout-out-container .shout-content > div {
  margin-bottom: 10px;
}
#shout-out-container .shout-content .social_row .shout-timestamp,
#shout-out-container .shout-content .social_row a {
  font-size: 12px;
}
#shout-out-container .shout-content .social_row .shout-timestamp {
  color: #BBC2C4;
}
#shout-out-container .shout-content .social_row .give-comment-prop,
#shout-out-container .shout-content .social_row span:after {
  color: #6d7578;
  font-size: 12px;
}
#shout-out-container .shout-author {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
#shout-out-container .comment-template {
  display: none;
}
#duel-activities-container {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
#duel-activities-container .left,
#duel-activities-container .right {
  width: 480px;
  float: left;
}
#duel-activities-container .left .header,
#duel-activities-container .right .header {
  text-align: center;
  padding: 20px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 5px;
}
#duel-activities-container .left .header .other-side,
#duel-activities-container .right .header .other-side {
  color: #8f9a9e;
  font-size: 12px;
}
#duel-activities-container .left h3,
#duel-activities-container .right h3,
#duel-activities-container .left h3 a,
#duel-activities-container .right h3 a {
  font-size: 24px;
  font-weight: normal;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1da6da;
}
#duel-activities-container .left {
  border-right: 1px solid #e1e1e1;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
}
#duel-activities-container .stream_item {
  padding: 20px;
  border-bottom: 1px solid #E1E1E1;
}
#duel-activities-container .stream_item:only-child {
  border: 0;
}
#duel-activities-container .stream-item-content {
  float: none;
  font-family: Helvetica, Arial, sans-serif;
  width: auto;
}
#duel-activities-container .stream-item-content a {
  font-size: 12px;
}
#duel-activities-container .action_time {
  float: right;
  margin-top: 3px;
}
.duel-bottom-empty-state {
  padding: 25px;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
  line-height: 130%;
}
#duel-history-container table th,
#duel-history-container table td {
  vertical-align: top;
}
#duel-history-container table th {
  border-top: 0;
}
#duel-history-container table .winner img,
#duel-history-container table .winner div {
  float: left;
}
#duel-history-container table .winner div {
  padding: 15px;
  width: 165px;
}
#duel-history-container table .winner a {
  font-size: 16px;
  display: block;
  color: #2e393d;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  margin: 0;
}
#duel-history-container table .winner span {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #8bc53f;
}
#duel-history-container table .type {
  width: 275px;
}
#duel-history-container table .type div,
#duel-history-container table .type p {
  line-height: 130%;
}
#duel-history-container table .type div {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 5px;
}
#duel-history-container table .type p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #8f9a9e;
  font-size: 12px;
}
#duel-history-container table .date-range a {
  color: #626D71;
  font-size: 13px;
}
#duel-history-container .duel-bottom-empty-state {
  width: 360px;
}
#challenge_sent_confirmation .modal_inner {
  padding: 30px 15px;
  font-size: 16px;
  width: 280px;
}
#hero-banner {
  padding: 20px;
  border-bottom: 1px solid #CCC;
}
.loading-indicator {
  margin: 15px auto;
  margin-bottom: 150px;
  width: 180px;
}
.loading-indicator img {
  float: left;
  margin-right: 10px;
}
.empty-state {
  text-align: center;
  padding: 15px;
  margin: 0;
}
.social-connect-buttons {
  background-color: #EEE;
  margin-bottom: 10px;
  border: 1px solid #CCC;
  font-weight: normal;
  font-size: 14px;
  padding: 5px;
  text-align: center;
  line-height: 130%;
}
#challenge_sent_confirmation .modal_inner {
  padding: 30px 15px;
  font-size: 16px;
  width: 280px;
}
#invite-quick-share {
  width: 263px;
  position: absolute;
  top: 240px;
  left: 270px;
  z-index: 5;
}
#invite-quick-share textarea {
  width: 100%;
  margin: 0;
}
#invite-quick-share input[type="text"] {
  width: 100%;
}
.fancy-field-container {
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid #C7C7C7;
  margin-bottom: 10px;
  padding: 0 !important;
}
.fancy-field-container > div {
  border-bottom: 1px solid #EDEDED;
}
.fancy-field-container > div:last-child {
  border: 0;
}
.fancy-field-container input {
  background-color: transparent;
  border: 0 !important;
  margin: 0 !important;
  font-weight: bold;
  color: #8f9a9e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.dropdown-menu-sidebar-column {
  padding: 15px 0;
}
.dropdown-menu-sidebar-column > .header-subtitle-sidebar {
  font-size: 24px;
  color: #626d71;
  font-family: "Bariol Light", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #E1E1E1;
  padding: 15px 25px;
  padding-top: 18px;
}
.dropdown-menu-sidebar-column .multi-select-filter-menu {
  padding: 0;
}
.dropdown-menu-sidebar-column #useful-links,
.dropdown-menu-sidebar-column #social-media {
  padding: 15px 25px;
}
.dropdown-menu-sidebar-column .create-group {
  text-align: center;
  background-color: #e7f5fb;
  padding: 12px 12px 15px;
}
.dropdown-menu-sidebar-column .create-group .white-btn {
  margin-top: 5px;
}
.header-subtitle {
  font-size: 24px;
  color: #626d71;
  font-family: "Bariol Light", Helvetica, Arial, sans-serif;
}
.header-subtitle-left {
  font-size: 24px;
  color: #626d71;
  font-family: "Bariol Light", Helvetica, Arial, sans-serif;
  float: left;
}
.header-subtitle-right {
  font-size: 24px;
  color: #626d71;
  font-family: "Bariol Light", Helvetica, Arial, sans-serif;
  float: right;
}
.content-title-container {
  border-bottom: 1px solid #E1E1E1;
  padding: 15px 32px;
  overflow: hidden;
}
.content-title-container .main-content-section-title {
  margin-bottom: 0;
}
.content-mid-title-container {
  border-bottom: 1px solid #E1E1E1;
  padding: 15px 32px;
  overflow: hidden;
  border-top: 1px solid #E1E1E1;
  position: relative;
}
.content-mid-title-container .main-content-section-title {
  margin-bottom: 0;
}
#your-groups-list {
  overflow-y: auto;
  max-height: 400px;
}
#your-groups-list li a:hover {
  background: none;
}
#your-groups-list li a:hover .content {
  color: #1da6da;
}
.sidebar-group-list li a .content {
  font-size: 12px;
  color: #8f9a9e;
  text-decoration: none;
  margin-left: 35px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 140%;
}
.sidebar-group-list li a img {
  height: 25px;
  width: 25px;
  display: inline-block;
  float: left;
}
#saved_routines li.empty-state {
  color: #ccc;
  font-size: 17px;
  text-align: left;
}
.multi-select-filter-menu {
  border-bottom: 1px solid #E1E1E1;
}
.multi-select-filter-menu .header {
  font-size: 24px;
  padding: 15px 40px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1e2b32;
}
.multi-select-filter-menu .collapsible-content {
  -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.4),inset 0 -3px 6px rgba(0,0,0,.4);
  -moz-box-shadow: inset 0 3px 6px rgba(0,0,0,.4),inset 0 -3px 6px rgba(0,0,0,.4);
  box-shadow: inset 0 3px 6px rgba(0,0,0,.4),inset 0 -3px 6px rgba(0,0,0,.4);
  background: #2E393D;
}
.multi-select-filter-menu .collapsible-content .collapsible-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.multi-select-filter-menu .collapsible-content .collapsible-content li:first-child {
  padding-top: 5px;
}
.multi-select-filter-menu .collapsible-content .collapsible-content li:last-child {
  padding-bottom: 5px;
}
.multi-select-filter-menu .collapsible-content .collapsible-content li .remove-link {
  margin-top: 2px;
}
.multi-select-filter-menu li {
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 5px;
}
.multi-select-filter-menu li:first-child {
  padding-top: 20px;
}
.multi-select-filter-menu li:last-child {
  margin-bottom: 0;
  padding-bottom: 20px;
}
.multi-select-filter-menu li a {
  font-size: 24px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #8f9a9e;
  display: block;
  padding: 8px 30px;
  line-height: 100%;
  position: relative;
  overflow: hidden;
}
.multi-select-filter-menu li a.toggled,
.multi-select-filter-menu li a:hover {
  color: #1da6da;
  text-decoration: none;
  cursor: pointer;
  background-color: #e7f5fb;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
}
.multi-select-filter-menu li a .remove-link {
  display: none;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -5px;
}
.multi-select-filter-menu li a .remove-link:before {
  opacity: .75;
}
.multi-select-filter-menu li a .remove-link:hover:before {
  opacity: 1;
}
.multi-select-filter-menu li a.collapse-trigger {
  padding: 5px 30px;
}
.multi-select-filter-menu li a.collapse-trigger.current,
.multi-select-filter-menu li a.collapse-trigger:hover {
  background: none;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-background-clip: padding-box;
  -moz-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
}
.multi-select-filter-menu li .toggled .remove-link,
.multi-select-filter-menu li .deletable:hover .remove-link {
  display: block;
}
.collapse-trigger {
  cursor: pointer;
}
.collapse-trigger .chevron-icon {
  float: right;
  margin-top: 8px;
}
.collapse-trigger:hover {
  color: #1da6da;
}
.collapse-trigger:hover.wrench-icon:before {
  background-position: -977px -44px;
}
.collapse-trigger:hover.challenge-icon:before {
  background-position: -950px -44px;
}
.collapse-trigger:hover .chevron-icon.gray.up:before,
.collapse-trigger:hover .chevron-icon.white.up:before {
  background-position: -176px 0px;
}
.collapse-trigger:hover .chevron-icon.gray.down:before,
.collapse-trigger:hover .chevron-icon.white.down:before {
  background-position: -160px 0px;
}
.card-table {
  padding: 30px 7px;
}
.card-container {
  position: relative;
  z-index: 13;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  margin: 0 7px 8px;
  display: none;
}
.card-container.nohideload {
  display: inline-block;
}
.card {
  width: 192px;
  height: 334px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  position: relative;
}
.card.flippy {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
.card .avatar {
  display: inline-block;
  margin-right: 1px;
}
.card .horizontal-list li {
  width: 80px;
  height: 40px;
}
.card .card-stat-value {
  color: #FFF;
  font-size: 21px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 130%;
}
.card .card-stat-label {
  font-size: 12px;
  color: #8f9a9e;
}
.card-front,
.card-back {
  position: absolute;
  border: 0;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  width: 100%;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  margin: 0;
}
.card-front .card-footer {
  background-color: #F4F5F5;
  color: #8E999E;
}
.card.flippy .card-front,
.card.flippy .card-back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
}
.card-back {
  background-color: #1f2b32;
  color: #8f9a9e;
}
.card-back .widget-subsection {
  border-bottom: 1px solid #2d383c;
}
.card-back .horizontal-list li {
  border-color: #2d383c;
}
.card-back .card-footer {
  text-align: center;
}
.card-back .card-footer .pill-btn {
  margin-top: 8px;
}
.card.flippy .card-back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.card.flippy.card-rotate {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.card-splash-image {
  padding: 0;
  height: 200px;
  border: 0;
}
.card-splash-image img {
  height: 100%;
  width: 100%;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.card-title {
  width: 100%;
  height: 60px;
  font-size: 18px;
  padding: 0 10px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.card-title .content {
  display: table;
  overflow: hidden;
  height: 60px;
}
.card-title span {
  color: #1da6da;
  display: table-cell;
  vertical-align: middle;
}
.card-description {
  height: 140px;
  text-align: center;
}
.card-description > div {
  font-size: 16px;
  text-align: left;
  font-weight: bold;
  color: #FFF;
  height: 105px;
  line-height: 130%;
}
.card-description a {
  color: #8f9a9e;
  font-size: 12px;
  display: inline-block;
}
.card-exercise-list {
  height: 260px;
  color: #FFF;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.card-exercise-list li {
  font-size: 20px;
  margin-bottom: 35px;
}
.card-exercise-list li .secondary {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.card-stats {
  height: 60px;
  border-bottom: 1px solid #C7C7C7;
}
.card-avatar-row {
  height: 60px;
  font-size: 11px;
}
.card-avatar-row > div {
  overflow: hidden;
}
.card-avatar-row .friend-overflow {
  font-size: 11px;
  color: #8f9a9e;
  line-height: 100%;
}
.card-avatar-row .friend-overflow span {
  color: #FFF;
}
.card-footer {
  height: 70px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.card-footer .emphasis {
  color: #1e2b32;
}
.card-footer .card-latest-comment {
  height: 60px;
  line-height: 130%;
  position: relative;
  top: -2px;
}
.card-footer .card-latest-comment .avatar {
  float: left;
}
.card-footer .card-latest-comment .content {
  margin-left: 30px;
}
#recommended-groups-container {
  float: left;
  width: 437px;
  height: 390px;
  position: relative;
  padding-top: 0;
  padding-bottom: 10px;
}
#recommended-groups-container .cards-wrapper {
  height: 358px;
}
#recommended-groups-container.alt .cards-wrapper {
  overflow: hidden;
}
#recommended-groups-container #recommended-groups-nav {
  z-index: 5;
  text-align: center;
}
#recommended-groups-container #recommended-groups-nav a {
  background-color: transparent;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  border: 1px solid #8f9a9e;
  height: 12px;
  width: 12px;
  display: inline-block;
  text-indent: -9000px;
  margin-right: 10px;
}
#recommended-groups-container #recommended-groups-nav a.activeSlide {
  background-color: #1e2b32;
}
#recommended-groups-container .recommended-group-set {
  width: 415px;
  padding-top: 12px;
}
#recommended-fitocrats-container {
  width: 192px;
  float: left;
  padding: 10px 0;
  height: 100%;
  position: relative;
}
#recommended-fitocrats-container li {
  margin-bottom: 14px;
}
#recommended-fitocrats-container .fat-btn {
  width: 100%;
  padding: 8px 10px;
}
#group-filter-results {
  clear: both;
}
#useful-links a,
#social-media a {
  color: #8f9a9e;
  font-size: 12px;
}
#useful-links {
  line-height: 180%;
}
#useful-links a {
  display: inline-block;
  margin-right: 4px;
}
#social-media h3 {
  margin-bottom: 5px;
}
#social-media li {
  margin-bottom: 5px;
}
#social-media a {
  padding-left: 30px;
}
#social-media .twitter-icon:before {
  top: -4px;
}
#social-media .fb-icon:before {
  top: -5px;
  left: 5px;
}
#social-media .google-icon:before {
  top: -2px;
  left: 1px;
}
#social-media .tumblr-icon:before {
  top: -4px;
  left: 4px;
}
#social-media .pinterest-icon:before {
  background: url("/site_media/images/additional-social-sprites.png");
  content: "";
  display: block;
  position: absolute;
  width: 17px;
  height: 18px;
  left: 2px;
  top: -4px;
}
#social-media .instagram-icon:before {
  background: url("/site_media/images/additional-social-sprites.png");
  content: "";
  display: block;
  position: absolute;
  width: 17px;
  height: 16px;
  left: 2px;
  top: -2px;
  background-position: 0px -19px;
}
#social-media .spreadshirt-icon:before {
  background: url("/site_media/images/additional-social-sprites.png");
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 3px;
  top: -2px;
  background-position: 0px -37px;
}
.global-announcement {
  display: none;
  overflow: hidden;
  line-height: 130%;
  font-size: 13px;
  position: relative;
  border-bottom: 1px solid #e1e1e1;
}
.global-announcement a {
  color: #FFF;
  font-weight: bold;
}
.global-announcement ul {
  margin-bottom: 15px;
}
.global-announcement > div {
  min-height: 132px;
}
.global-announcement .announcement {
  padding: 20px;
}
.global-announcement .fred-container {
  background-color: #724788;
  width: 132px;
  float: left;
}
.global-announcement .fred-container-full {
  height: auto;
}
.global-announcement .fred-container-full .fred {
  padding: 0px;
}
.global-announcement .fred-container-full img {
  display: block;
}
.global-announcement .fred {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 150px;
  padding: 15px;
}
.global-announcement .announcement-container {
  background-color: #2e393d;
  margin-left: 132px;
  color: #FFF;
}
.global-announcement .announcement-container p {
  margin-bottom: 13px;
}
.global-announcement .announcement-header {
  font-size: 24px;
  margin-bottom: 8px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.global-announcement .announcement-header .secondary {
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.global-announcement .announcement-content {
  padding-bottom: 10px;
}
.global-announcement .announcement-content:last-child {
  padding: 0;
}
.global-announcement .announcement-action {
  border-top: 1px solid #1e2b32;
  padding-top: 10px;
}
.global-announcement .remove-link {
  position: absolute;
  top: 20px;
  right: 20px;
}
.compose-status {
  background: #fff;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #E0E0E0;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 0 10px #E7F5FB, 0 0 0 11px #e0f2fa;
  -moz-box-shadow: 0 0 0 10px #E7F5FB, 0 0 0 11px #e0f2fa;
  box-shadow: 0 0 0 10px #E7F5FB, 0 0 0 11px #e0f2fa;
}
.compose-status > .compose-collapsed-state,
.compose-status > .compose-expanded-state {
  display: none;
}
.compose-status.collapsed > .compose-collapsed-state {
  display: block;
}
.compose-status.expanded > .compose-expanded-state {
  display: block;
}
.compose-status > .compose-collapsed-state {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  position: relative;
}
.compose-status > .compose-collapsed-state > .compose-label {
  color: #bbb;
  font-size: 18px;
  padding: 5px;
  cursor: pointer;
}
.compose-status > .compose-collapsed-state > .feed-icon-nobefore {
  position: absolute;
  right: 5px;
  top: 5px;
}
.compose-status > .compose-expanded-state {
  position: relative;
}
.compose-status > .compose-expanded-state .widget-subsection {
  border-bottom: 1px solid #EDEDED;
}
.compose-status > .compose-expanded-state > .compose-label {
  color: #bbb;
  font-size: 18px;
  padding: 5px;
  border-bottom: 1px solid #EDEDED;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.compose-status > .compose-expanded-state > .feed-icon-nobefore {
  position: absolute;
  right: 5px;
  top: 5px;
}
.compose-status > .compose-expanded-state textarea {
  margin-bottom: 10px;
  border: 1px solid #dfe0e1;
  font-size: 12px;
  width: 100%;
  background: #FFF;
  color: #000;
  font-size: 13px;
  height: auto;
  border: 1px solid #DEDFE0;
  padding: 5px;
  resize: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
  overflow-y: auto;
}
.compose-status > .compose-expanded-state textarea:focus {
  border: 1px solid #a7d9ff;
}
.compose-status > .compose-expanded-state .choose-group {
  margin-right: 10px;
}
.compose-status > .compose-expanded-state .choose-group select {
  width: 200px;
}
.compose-status > .compose-expanded-state .choose-group label {
  font-size: 14px;
}
.compose-status .compose-footer .black-btn,
.compose-status .compose-footer .choose-group {
  float: right;
}
.compose-status .compose-embedding {
  padding: 16px;
}
.compose-status .compose-embedding .inner {
  width: 538px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
  background-color: #F1F2F3;
}
.compose-status .compose-embedding .preview img {
  float: left;
  width: 200px;
}
.compose-status .compose-embedding .controls {
  margin-left: 200px;
}
.compose-status .compose-embedding .controls .remove-preview,
.compose-status .compose-embedding .controls .safe-for-work a {
  cursor: pointer;
  font-size: 12px;
}
.compose-status .compose-embedding .controls h3 {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 13px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.compose-status .compose-embedding .controls label {
  color: #8f9a9e;
  font-weight: normal;
  padding: 0;
  font-size: 13px;
}
.compose-status .compose-embedding .controls > div {
  padding: 20px;
}
.compose-status .compose-embedding .controls .url {
  border-bottom: 1px solid #e1e1e1;
}
.compose-status .compose-embedding .controls .url .media-url {
  font-size: 12px;
  color: #8f9A9e;
}
.callout2 {
  -webkit-box-shadow: 0 0 0 10px white,0px 0px 5px 15px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 0 10px white,0px 0px 5px 15px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 10px white,0px 0px 5px 15px rgba(0, 0, 0, 0.05);
  position: absolute;
  width: 415px;
  height: 360px;
  background-color: #f4f5f5;
  border: 0;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  z-index: 95;
  font-size: 12px;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 0;
  /* placed nodes */

  /*.callout2_pic{.box-shadow(0 0 0px 10px @cyan);border-radius: 10px;}*/

}
.callout2 > .callout2_pic,
.callout2 > .callout2_deets,
.callout2 > .callout2_stats,
.callout2 > .callout2_followrow {
  position: absolute;
}
.callout2 > .callout2_pic {
  left: 30px;
  top: 30px;
}
.callout2 > .callout2_deets {
  left: 180px;
  top: 30px;
}
.callout2 > .callout2_stats {
  left: 0px;
  top: 185px;
}
.callout2 > .callout2_followrow {
  left: 0;
  top: 255px;
}
.callout2 > .callout2_pic img {
  -webkit-box-shadow: 0 0 0px 8px #1da6da !important;
  -moz-box-shadow: 0 0 0px 8px #1da6da !important;
  box-shadow: 0 0 0px 8px #1da6da !important;
  width: 120px;
  height: 120px;
  border-radius: 10px;
  /*  .box-shadow(~"0 0 5px 1px rgba(0, 0, 0, 0.5)");
  width: 167px;
    height: 167px;
    float: left;
    .box-shadow(~"0 0 5px 1px rgba(0, 0, 0, 0.5)");
    border-radius: 80px;*/

}
.callout2 .callout2_deets {
  height: 140px;
  width: 220px;
}
.callout2 .callout2_username {
  font-size: 25px;
}
.callout2 .callout2_title {
  font-size: 17px;
  color: #1da6da;
}
.callout2 .callout2_info {
  margin-top: 10px;
  font-size: 15px;
  line-height: 16px;
  color: #999;
  overflow: hidden;
  height: 82px;
  /*    text-overflow:ellipsis;
white-space:nowrap;*/

}
.callout2 .callout2_stats {
  width: 100%;
  background-color: #1f2b32;
  height: 70px;
  display: table;
  text-align: center;
}
.callout2 .callout2_stats > div {
  vertical-align: middle;
  border-left: 1px solid #C7C7C7;
  text-align: center;
  display: table-cell;
  overflow: hidden;
}
.callout2 .callout2_stats > div:first-child {
  border-left: 0;
}
.callout2 .callout2_stats > div .stat-value {
  color: #FFF;
  font-size: 36px;
  line-height: 36px;
}
.callout2 .callout2_stats > div .stat-label {
  font-size: 11px;
  line-height: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #8E999E;
}
.callout2 .callout2_followrow {
  width: 415px;
  height: 100px;
}
.callout2 .callout2_followrow .minipics {
  position: absolute;
  left: 25px;
  top: 20px;
  color: #1da6da;
  overflow: hidden;
}
.callout2 .callout2_followrow .minipics .avatar {
  float: left;
  margin-right: 5px;
}
.callout2 .callout2_followrow .minipics p {
  font-weight: normal;
}
.callout2 .callout2_followrow .minipics p a {
  color: #879397;
  font-weight: normal;
  margin-bottom: 3px;
}
.callout2 .callout2_followrow .callout2_followbutton {
  position: absolute;
  right: 30px;
  top: 40px;
}
/* FTUE Modals */
.ftuecallout {
  display: inline-block;
  vertical-align: top;
}
.ftuecallout.overlay {
  position: absolute;
  opacity: 0.9;
  left: 10px;
  top: 10px;
}
.ftuecallout.overlay:hover {
  opacity: 0.1;
}
/* only hardcoded here, only set height once dynamisized */
/* TODO: remove remaining hardcodes */
/*.ftue1{ width:291px; height:515px; }*/
.ftue1 {
  width: 291px;
}
/*.ftue2{ width:457px; height:473px; }*/
.ftue2 {
  width: 457px;
  height: 473px;
}
/*.ftue3{ width:276px; height:263px; }*/
.ftue3 {
  width: 276px;
  height: 263px;
}
/*.ftue4{ width:286px; height:233px; }*/
.ftue4 {
  width: 286px;
  height: 233px;
}
/*.ftue5{ width:286px; height:383px; }*/
.ftue5 {
  width: 286px;
  height: 383px;
}
/* Styles for the modals themselves (eg, not for the wip style page) */
/* pronounced 'fitooey callout'.*/
.ftuecallout {
  background-color: #f4f5f5;
  border-radius: 8px;
  z-index: 20;
  /* mask is 18 */

  box-shadow: 0 0 0 10px #ffffff, 0px 0px 5px 15px rgba(0, 0, 0, 0.05);
}
.ftuecallout .ftue-header {
  font-size: 30px;
  text-align: left;
  margin: 17px;
  margin-bottom: 15px;
  white-space: nowrap;
  letter-spacing: -1px;
}
.ftuecallout .ftue-copy {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #626D71;
  font-size: 16px;
  line-height: 18px;
  margin-left: 20px;
  margin-right: 10px;
}
.ftuecallout .darker {
  color: #1E2B32;
}
.ftuecallout .ftue-cta .pill-btn {
  width: 220px;
  margin: 10px auto;
  display: block;
}
.ftue-cta .pill-btn {
  position: relative;
  padding-right: 14px !important;
}
/* Per-callout styles */
.ftue1 .username-section {
  color: #333;
}
.ftue1 .username-section .edit-name-outer {
  cursor: pointer;
  color: #666;
}
.ftue1 .tell-me-errything {
  margin-bottom: 15px;
  margin-top: 12px;
}
/* the interest list - needs gray/blue checkmarks */
.ftue-interests {
  border-top: solid #c7c7c7 1px;
  color: #626D71;
}
.ftue-interests .interest {
  border-bottom: solid #e0e0e0 1px;
  line-height: 50px;
  font-size: 18px;
  white-space: nowrap;
  padding-left: 50px;
  position: relative;
  cursor: pointer;
}
.ftue-interests .interest.state-checked {
  color: #1da6da;
}
.ftue1 .ftue-social-footer {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #c7c7c7;
  display: none;
}
.ftue1 .ftue-autofollow {
  margin-left: 23px;
}
.ftue1 .autofollow-label {
  margin-left: 11px;
  font-size: 12px;
  color: #8F9A9E;
}
.ftue1 .ftue-cta .ftue-cta-error {
  text-align: center;
  margin-top: 2px;
  color: #cf3333;
  display: none;
}
.ftue1 .ftue-cta .ftue-loading {
  float: right;
  margin-top: 9px;
  margin-right: 9px;
  display: none;
}
/* Static classes for of blue & gray check, plz keep for working on styles */
.sprite-bluecheck,
.sprite-graycheck,
.sprite-ftuecheck {
  background: url("../images/interests-checkmarks.png") no-repeat;
  width: 20px;
  height: 18px;
}
.sprite-bluecheck {
  background-position: 0 0;
}
.sprite-graycheck {
  background-position: 0 -18px;
}
.ftue-interests .interest .sprite-bluecheck,
.ftue-interests .interest .sprite-ftuecheck,
.ftue-interests .interest .sprite-graycheck {
  position: absolute;
  left: 20px;
  top: 16px;
}
.ftue-interests .interest.state-checked .sprite-ftuecheck {
  background-position: 0 0;
}
.ftue-interests .interest.state-unchecked .sprite-ftuecheck {
  background-position: 0 -18px;
}
.ftue-interests .interest.state-unchecked:hover .sprite-ftuecheck {
  background-position: 0 0px;
}
.ftue-interests .interest.state-unchecked:hover {
  color: #1da6da;
}
/*.ftue-interests .interest.state-checked:hover .sprite-ftuecheck { background-position: 0 -18px; }
.ftue-interests .interest.state-checked:hover { color:#626D71; }*/
/* Note Uncomment the previous two lines if you want hover-state or checked interests */
.ftue-interests .interest .sprite-graycheck {
  position: absolute;
  left: 20px;
  top: 20px;
}
/* This callout isn't like the others, more margin */
.ftue2 .ftue-header {
  margin: 24px 29px;
  margin-bottom: 15px;
}
.ftue2 .ftue-copy {
  margin-left: 30px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.ftue2 .ftue-interest-autofollows {
  height: 263px;
}
.ftue2 .ftue-friends-container,
.ftue2 .ftue-groups-container {
  float: left;
  width: 200px;
  padding: 10px 20px 20px 20px;
}
.ftue2 .ftue-groups-container {
  width: 257px;
}
.ftue2 .ftue-groups-container .ftue-friend-name {
  width: 182px;
  height: 24px;
  overflow: hidden;
}
.ftue2 .ftue-friends-header,
.ftue2 .ftue-groups-header {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 18px;
  border-bottom: solid #E0E0E0 1px;
  padding-bottom: 10px;
}
.ftue2 .ftue-autofollow-list {
  height: 212px;
}
.ftue2 .ftue-autofollow-item {
  padding: 5px;
}
.ftue2 .ftue-autofollow-item:first-child {
  padding-top: 8px;
}
.ftue2 .ftue-friend-name {
  padding-left: 10px;
  font-size: 12px;
  color: #8E999E;
  margin-top: 1px;
}
.ftue3 {
  z-index: 24;
}
.ftue4 .ftue-cta .pill-btn {
  width: 220px;
  margin: 10px auto;
  display: block;
}
.ftue5 .ftue-copy {
  margin-bottom: 17px;
}
.ftue5 .ftue-help {
  background-color: #734889;
  padding: 10px 20px;
}
.ftue5 .ftue-help-copy {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
}
.ftue5 .ftue-help .pill-btn {
  width: 250px;
  margin: 10px auto 0;
  display: block;
  position: relative;
}
.ftue5 .ftue-cta .pill-btn {
  width: 250px;
  margin: 10px auto;
  display: block;
}
.statushelpcallout {
  background-color: #f4f5f5;
  border-radius: 8px;
  z-index: 20;
  /* mask is 18 */

  box-shadow: 0 0 0 10px #ffffff, 0px 0px 5px 15px rgba(0, 0, 0, 0.05);
}
.status-callout-header {
  font-size: 18px;
  margin: 5px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -1px;
}
.status-callout-description {
  font-size: 11px;
  color: #909b9f;
  margin: 5px 20px 5px 20px;
}
.status-callout-add-comment {
  width: 144px;
  height: 34px;
}
.status-callout-add-comment .status-callout-header {
  margin-left: 20px;
  margin-right: 20px;
}
.status-callout-add-photo {
  width: 222px;
  height: 117px;
}
.status-callout-add-photo .status-callout-header {
  margin-left: 20px;
}
.status-callout-add-photo .status-callout-header-border {
  border-bottom: solid #E0E0E0 1px;
}
.status-form-post-to-label {
  float: left !important;
  margin-top: 9px;
  font-size: 14px;
  margin-right: 15px;
}
.status-form-post-to-container {
  float: left !important;
}
.status-form-post-to-container .selectable-icon {
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin-top: 3px;
}
.status-form-post-to-container .selectable-icon:hover {
  background-color: #E7F5FB;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
}
.status-form-post-to-container .twitter-icon {
  padding-top: 7px;
  padding-left: 4px;
}
.status-form-post-to-container .fb-icon {
  padding-top: 6px;
  padding-left: 10px;
  margin-left: 3px;
}
.status-form-post-to-container .tumblr-icon {
  padding-top: 5px;
  padding-left: 8px;
  margin-left: 3px;
}
.status-share-to-tooltip {
  position: absolute;
  z-index: 25;
  background-color: #fffbd0;
  text-align: center;
  padding: 3px 10px 3px 10px;
  -webkit-box-shadow: 3px 3px 3px #cccccc;
  -moz-box-shadow: 3px 3px 3px #cccccc;
  box-shadow: 3px 3px 3px #cccccc;
  display: none;
  top: 128px;
  left: 82px;
}
/* CSS mixin classes */
/* LESS mixins duplicate the CSS every time they're used. Mixing
   classes don't. */
.font-bariol-bold {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.font-bariol-light {
  font-family: "Bariol Light", Helvetica, Arial, sans-serif;
}
.font-bariol-regular {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.color-cyan {
  color: #1da6da;
}
/******* topdash ********/
.topdash-fetcher {
  cursor: pointer;
}
#topdash-badges {
  cursor: pointer;
}
/**** Battle Modals ****/
/*** Sizing  ****/
/*

The modal window content area is 720px wide. Setting aside 20 for the
scrollbar, so content won't reflow when the vertical height crosses
400px.

Note that the divs are the full 720px wide so the bottom border
endings are flush with each edge, but the content is only positioned
within the first 700px.

*/
.battle-modal .battle-section {
  padding: 0;
}
/* override */
.widget.gray .battle-section {
  padding: 0;
}
.battle-modal .battle-section .battle-header {
  position: relative;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  width: 720px;
  border-bottom: solid #ddd 1px;
}
.battle-modal .battle-section .battle-header .battle-header-thing,
.battle-modal .battle-section .battle-header .battle-header-type,
.battle-modal .battle-section .battle-header .battle-header-date {
  position: absolute;
  top: 0px;
}
.battle-item .battle-pic {
  left: 0px;
  width: 110px;
}
.battle-item .battle-name {
  left: 110px;
  width: 170px;
}
.battle-item .battle-type {
  left: 280px;
  width: 330px;
}
.battle-item .battle-date {
  left: 610px;
  width: 90px;
}
/*.battle-item .battle-ux { right: 20px;  bottom:0;position: absolute; }*/
.battle-item .battle-ux {
  left: 285px;
  bottom: 0;
  padding-bottom: 10px;
  position: absolute;
  background-color: #F4F5F5;
}
.battle-item .battle-ux .pill-btn {
  line-height: 18px;
}
.battle-item .battle-ux .white-btn {
  font-size: 13px;
}
.battle-item .battle-ux .black-btn {
  font-size: 17px;
}
.battle-modal .battle-section .battle-header .battle-header-thing {
  left: 0px;
  width: 280px;
}
.battle-modal .battle-section .battle-header .battle-header-type {
  left: 280px;
  width: 330px;
}
.battle-modal .battle-section .battle-header .battle-header-date {
  left: 610px;
  width: 90px;
}
.battle-modal .battle-section .battle-header .battle-header-thing {
  padding: 0px 10px;
}
.battle-modal .battle-section .battle-header .battle-header-type {
  padding: 0px 10px;
}
.battle-modal .battle-section .battle-header .battle-header-date {
  padding: 0px 10px;
}
.battle-modal .battle-section .battle-list {
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.battle-modal .battle-section .battle-list-empty {
  height: 320px;
  padding: 40px;
  font-size: 40px;
  color: #aaa;
}
.battle-modal .battle-item {
  position: relative;
  height: 110px;
  width: 720px;
  border-bottom: solid #ddd 1px;
  overflow: hidden;
}
.battle-item .battle-pic,
.battle-item .battle-name,
.battle-item .battle-type,
.battle-item .battle-date {
  position: absolute;
  height: 110px;
  top: 0;
}
.battle-item .battle-name {
  padding: 10px;
}
.battle-item .battle-name .battle-headline {
  font-size: 16px;
  color: #000;
  display: block;
}
/*.battle-item .battle-name .battle-subline  { font-size: 12px; color:#8bc53f; }*/
.battle-modal-duel .battle-item .battle-name .battle-subline {
  font-size: 14px;
  color: #777;
}
.battle-modal-duel .battle-item .battle-name .battle-subline span {
  font-weight: bold;
}
.battle-modal-challenge .battle-item .battle-name .battle-subline {
  font-size: 12px;
  color: #8bc53f;
}
.battle-item .battle-type {
  padding: 10px;
}
.battle-item .battle-type .battle-battletype {
  font-size: 16px;
  color: #000;
}
.battle-item .battle-type .battle-desc {
  font-size: 12px;
  color: #777;
}
.battle-item .battle-date {
  padding: 10px;
}
.battle-item .battle-date .battle-date-year {
  font-size: 16px;
  color: #000;
}
.battle-item .battle-date .battle-date-range {
  font-size: 13px;
  color: #777;
}
.section-grist {
  padding: 0;
}
/* override */
.widget.gray .section-grist {
  padding: 0;
}
.section-grist .grist-header {
  position: relative;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  width: 720px;
  border-bottom: solid #ddd 1px;
}
.section-grist .grist-header .grist-header-thing,
.section-grist .grist-header .grist-header-type,
.section-grist .grist-header .grist-header-date {
  position: absolute;
  top: 0px;
}
.grist-item .gritem-pic {
  left: 0px;
  width: 110px;
}
.grist-item .gritem-name {
  left: 110px;
  width: 170px;
}
.grist-item .gritem-type {
  left: 280px;
  width: 330px;
}
.grist-item .gritem-date {
  left: 610px;
  width: 90px;
}
.grist-header .grist-header-thing {
  left: 0px;
  width: 280px;
}
.grist-header .grist-header-type {
  left: 280px;
  width: 330px;
}
.grist-header .grist-header-date {
  left: 610px;
  width: 90px;
}
.grist-header .grist-header-thing {
  padding: 0px 10px;
}
.grist-header .grist-header-type {
  padding: 0px 10px;
}
.grist-header .grist-header-date {
  padding: 0px 10px;
}
.section-grist .grist-iter {
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.section-grist .grist-iter-empty {
  height: 320px;
  padding: 40px;
  font-size: 40px;
  color: #aaa;
}
.grist-iter .grist-item {
  position: relative;
  height: 110px;
  width: 720px;
  border-bottom: solid #ddd 1px;
  overflow: hidden;
}
.grist-item .gritem-pic,
.grist-item .gritem-name,
.grist-item .gritem-type,
.grist-item .gritem-date {
  position: absolute;
  height: 110px;
  top: 0;
}
.grist-item .gritem-name {
  padding: 10px;
}
/*.grist-item .gritem-name .gritem-subline  { font-size: 12px; color:#8bc53f; }*/
.gritem-modal-duel .grist-item .gritem-name .gritem-subline {
  font-size: 14px;
  color: #777;
}
.gritem-modal-duel .grist-item .gritem-name .gritem-subline span {
  font-weight: bold;
}
.gritem-modal-challenge .grist-item .gritem-name .gritem-subline {
  font-size: 12px;
  color: #8bc53f;
}
.grist-item .gritem-type {
  padding: 10px;
}
.grist-item .gritem-type .grist-itemtype {
  font-size: 16px;
  color: #000;
}
.grist-item .gritem-type .gritem-desc {
  font-size: 12px;
  color: #777;
}
.grist-item .gritem-date {
  padding: 10px;
}
.grist-item .gritem-date .gritem-date-year {
  font-size: 16px;
  color: #000;
}
.grist-item .gritem-date .gritem-date-range {
  font-size: 13px;
  color: #777;
}
.section-badge .grist-item .gritem-pic {
  top: 10px;
  left: 10px;
}
.section-badge .grist-item .gritem-pic img {
  width: 90px;
  height: 90px;
}
.grist-item .gritem-name .gritem-headline {
  font-size: 16px;
  color: #222;
  display: block;
}
.section-grist.section-badge .grist-item.dun .gritem-headline {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  width: 170px;
  margin-top: 20px;
}
.section-grist.section-badge .grist-item.notyet .gritem-headline {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  width: 170px;
  margin-top: 20px;
  color: #555;
}
.section-grist.section-badge .grist-item .gritem-desc {
  font-size: 14px;
  color: #666;
  margin-top: 20px;
}
.tab-nav-item {
  font-size: 16px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #626D71;
  padding: 5px 10px;
}
.tab-nav-item.current,
.tab-nav-item:hover {
  color: #1da6da;
  background-color: #D9EFFA;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
}
.wrapper-logged-in header {
  position: fixed;
  top: 0;
  z-index: 17;
  width: 100%;
  height: 53px;
}
.wrapper-logged-in #content {
  position: relative;
  top: 51px;
  margin-bottom: 150px;
}
#minidash-placeholder {
  position: fixed;
  bottom: 0;
  z-index: 10;
  background-color: #2e393d;
  border-top: 1px solid #FFF;
  width: 318px;
}
#minidash-placeholder > div {
  border-bottom: 1px solid #1e2b32;
  border-top: 1px solid #626D61;
  padding: 8px 25px;
}
#minidash-placeholder .header {
  border: 0;
  padding: 0 25px;
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
}
#minidash-placeholder .header > div {
  padding: 8px 0;
  border-bottom: 1px solid #1e2b32;
}
#minidash-placeholder .header > div:before {
  background: url("/site_media/images/master-sprite.png?v101813") -575px -20px;
  width: 19px;
  height: 18px;
  margin-right: 5px;
  margin-top: 1px;
  content: "";
  float: left;
}
#minidash-placeholder .header .toggle {
  float: right;
  font-weight: normal;
  color: #BCC3C5;
  font-size: 11px;
  margin-top: 1px;
  cursor: pointer;
}
#minidash-placeholder .header .toggle:hover {
  text-decoration: underline;
}
#minidash-placeholder .progressbar-container {
  color: #BCC3C5;
  border-top: 0;
}
.track-loading-focus {
  position: fixed;
  z-index: 28;
}
.dff {
  color: #bbb;
  display: block;
  font-size: 15px;
  position: absolute;
  z-index: 4;
  white-space: nowrap;
}
.replay-logo-panel .wrap {
  position: relative;
  width: 960px;
  height: 66px;
  top: -43px;
  margin-left: 0;
  left: 165px;
  /* don't... don't ask. */

}
/* abspos ALL THE THINGS!!! */
.replay-logo-panel .replay-preview {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1da6da;
  font-size: 18px;
  position: absolute;
  left: 0px;
  top: 23px;
}
.replay-logo-panel .replay-trackplz {
  font-size: 12px;
  position: absolute;
  left: 634px;
  top: 21px;
  color: #bbb;
}
.replay-logo-panel .replay-trackplz:hover {
  color: #888;
}
.track-logo-panel .wrap {
  /* disabled w/ this */

  /*display:none;*/

  position: relative;
  width: 960px;
  height: 0px;
  top: -43px;
  margin-left: 0;
  left: 165px;
}
.track-logo-panel .wrap .try-replay {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #1da6da;
  font-size: 18px;
  position: absolute;
  left: 634px;
  top: 23px;
}
.track-logo-panel .wrap .moar-quests-plz {
  font-size: 12px;
  position: absolute;
  color: #ebb9b9;
  width: 220px;
  line-height: 12px;
  left: 360px;
  top: 17px;
}
/* QUEST PAGES */
.quest-page-title {
  height: 30px;
  background-color: #fff;
}
.quest-page-title .quest-name {
  font-size: 40px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.quest-page-main .quest-about-content .quest-about-top {
  border-bottom: solid #dbdbdb 1px;
}
.quest-page-main .quest-about-content .quest-about-create {
  border-bottom: solid #dbdbdb 1px;
}
.quest-page-main .quest-about-content .quest-about-checks {
  border-bottom: solid #dbdbdb 1px;
}
.quest-page-main .quest-about-content .quest-about-top .quest-about-title {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 40px;
  color: #333;
  height: 40px;
  line-height: 40px;
  margin: 20px 30px;
}
.quest-page-main .quest-about-content .quest-about-top .quest-about-description {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  line-height: 30px;
  font-size: 30px;
  color: #aaa;
  margin: 0px 30px;
  margin-bottom: 15px;
}
.quest-page-main .quest-about-content .quest-about-create {
  display: none;
  /* Hiding for now; no meaningful start date to show, and creator just looks weird. */

  height: 90px;
  position: relative;
}
.quest-page-main .quest-about-content .quest-about-create .quest-about-created-label,
.quest-page-main .quest-about-content .quest-about-create .quest-about-creator-label {
  position: absolute;
  color: #1da6da;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 25px;
}
.quest-page-main .quest-about-content .quest-about-create .quest-about-created,
.quest-page-main .quest-about-content .quest-about-create .quest-about-creator {
  position: absolute;
  color: #666;
  font-size: 16px;
}
.quest-page-main .quest-about-content .quest-about-create .quest-about-created-label {
  left: 30px;
  top: 20px;
}
.quest-page-main .quest-about-content .quest-about-create .quest-about-creator-label {
  left: 320px;
  top: 20px;
}
.quest-page-main .quest-about-content .quest-about-create .quest-about-created {
  left: 30px;
  top: 40px;
}
.quest-page-main .quest-about-content .quest-about-create .quest-about-creator {
  left: 320px;
  top: 40px;
}
.quest-page-main .quest-about-content .quest-about-checks .quest-about-checks-heading {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #999;
  font-size: 22px;
  padding: 20px 30px 10px;
}
.quest-page-main .quest-about-content .quest-about-checks .quest-checkitem {
  margin: 15px 30px;
}
.quest-page-main .quest-about-content .quest-about-checks .quest-checkitem .ck-label {
  color: #666;
  font-size: 15px;
  line-height: 15px;
}
.quest-page-main .quest-about-content .quest-about-checks .quest-checkitem .ck-deet {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #000;
  line-height: 20px;
  font-size: 20px;
}
.quest-page-main .quest-about-content .quest-about-checks .quest-checkitem .ck-expire {
  color: #1da6da;
  font-size: 14px;
  line-height: 14px;
}
.quest-page-main .quest-about-content .quest-about-sidecards {
  padding: 30px;
  white-space: nowrap;
}
.quest-page-main .quest-about-content .quest-card-left {
  width: 220px;
  display: inline-block;
  height: 340px;
  position: relative;
  vertical-align: top;
  white-space: normal;
}
.quest-page-main .quest-about-content .quest-card-left,
.quest-page-main .quest-about-content .quest-card-right {
  margin: 0 30px;
}
.quest-page-main .quest-about-content .quest-card-right {
  white-space: normal;
  vertical-align: top;
  width: 220px;
  position: relative;
  display: inline-block;
  background-color: #ffffff;
  color: #8f9a9e;
  height: 340px;
}
.quest-page-main .quest-about-content .quest-card-right .ck-item {
  margin-bottom: 10px;
  width: 190px;
}
.quest-page-main .quest-about-content .quest-card-right .ck-item .ck-label {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #8F9A9E;
  font-size: 17px;
}
.quest-page-main .quest-about-content .quest-card-right .ck-item .ck-deet {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #333333;
  font-size: 17px;
}
.quest-page-main .quest-about-content .quest-card-right .ck-item .ck-expire {
  color: #1da6da;
  font-size: 11px;
}
.statbar {
  background-color: #1f2b32;
  display: table;
  text-align: center;
  width: 100%;
  font-size: 30px;
  height: 70px;
}
.statbar > .stat {
  /*  verticaal-align: middle;*/

  border-left: 1px solid #C7C7C7;
  text-align: center;
  display: table-cell;
  overflow: hidden;
}
.statbar > .stat:first-child {
  border-left: 0;
}
.statbar > .stat .stat-label {
  font-size: 11px;
  line-height: 24px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #8E999E;
}
.statbar > .stat .stat-value {
  color: #FFFFFF;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 24px;
  margin-top: 17px;
}
.icon-new {
  color: #db5c39;
}
#content.group-fitness-content .static-content .headline {
  max-height: none;
}
#content.group-fitness-content .static-content .headline > div {
  margin-right: 245px;
}
#content.group-fitness-settings {
  top: 91px;
  margin-bottom: 191px;
}
#group-fitness-container ul li {
  position: relative;
}
#group-fitness-container .modal-socialinvite-row {
  border-top: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
  margin-top: 135px;
}
#group-fitness-container .checkbox.twitter-icon,
#group-fitness-container .checkbox.fb-icon,
#group-fitness-container .checkbox.tumblr-icon {
  padding-left: 37px;
}
#group-fitness-container .checkbox.twitter-icon:before,
#group-fitness-container .checkbox.fb-icon:before,
#group-fitness-container .checkbox.tumblr-icon:before {
  left: 10px;
}
.go-to-group.pill-btn,
.close-survey-modal.pill-btn,
.close-survey-modal-generic.pill-btn,
.close-survey-modal-starter.pill-btn {
  position: relative;
  margin: 10px auto 0;
  display: block;
  width: 180px;
}
.close-survey-modal.pill-btn,
.close-survey-modal-generic.pill-btn {
  margin-top: 210px;
}
.close-survey-modal-starter.pill-btn {
  margin-top: 60px;
}
#group-fitness-nav {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  font-size: 24px;
}
#group-fitness-nav p {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #2e393d;
  font-size: 24px;
  line-height: 42px;
  margin-bottom: 0px;
  width: 218px;
  display: block;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#group-fitness-nav a {
  width: 42px;
  height: 42px;
  line-height: 42px;
  border-radius: 4px;
  background: #1DA6DA;
  text-align: center;
  font-size: 24px;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  color: #fff;
  display: block;
  float: right;
  cursor: pointer;
  text-decoration: none;
}
.group-fitness-content .subsection .fito-error {
  margin-bottom: 0;
  color: red;
}
.group-fitness-content #tos {
  -webkit-box-shadow: none;
  box-shadow: none;
}
textarea.register-trainer-text {
  width: 250px;
  height: 100px;
}
textarea.register-trainer-text.faq,
textarea.register-trainer-text.nutrition-faq {
  width: 195px;
}
.plan-date-section {
  margin-bottom: 10px;
}
.plan-date-section .hidden-options {
  display: none;
}
#hero-form-wrapper.trainer-register .fito-error,
#hero-form-wrapper.team-register .fito-error,
#hero-form-wrapper.trainer-register .fito-error-dupe,
#hero-form-wrapper.team-register .fito-error-dupe {
  color: red;
  display: none;
}
#hero-form-wrapper.trainer-register .social .social-set,
#hero-form-wrapper.team-register .social .social-set {
  margin-bottom: 10px;
}
#hero-form-wrapper.trainer-register .social .social_field,
#hero-form-wrapper.team-register .social .social_field {
  width: 35%;
  float: left;
  text-align: left;
  margin: 0;
  margin-right: 5px;
}
#hero-form-wrapper.trainer-register .social .social_field.skinny,
#hero-form-wrapper.team-register .social .social_field.skinny {
  width: 20%;
}
#hero-form-wrapper.trainer-register .social .social_field input,
#hero-form-wrapper.team-register .social .social_field input {
  width: 100%;
}
#hero-form-wrapper.trainer-register .social .social_field:last-child input,
#hero-form-wrapper.team-register .social .social_field:last-child input {
  width: 80%;
  margin-right: 5px;
}
#hero-form-wrapper.trainer-register .faq .question,
#hero-form-wrapper.team-register .faq .question,
#hero-form-wrapper.trainer-register .nutrition-faq .question,
#hero-form-wrapper.team-register .nutrition-faq .question,
#hero-form-wrapper.trainer-register .faq .answer,
#hero-form-wrapper.team-register .faq .answer,
#hero-form-wrapper.trainer-register .nutrition-faq .answer,
#hero-form-wrapper.team-register .nutrition-faq .answer {
  width: 50%;
  float: left;
  text-align: left;
  margin: 0;
}
#hero-form-wrapper.trainer-register .faq .question input,
#hero-form-wrapper.team-register .faq .question input,
#hero-form-wrapper.trainer-register .nutrition-faq .question input,
#hero-form-wrapper.team-register .nutrition-faq .question input,
#hero-form-wrapper.trainer-register .faq .answer input,
#hero-form-wrapper.team-register .faq .answer input,
#hero-form-wrapper.trainer-register .nutrition-faq .answer input,
#hero-form-wrapper.team-register .nutrition-faq .answer input {
  width: 90%;
  margin-right: 5px;
}
#hero-form-wrapper.trainer-register .requirement-set input,
#hero-form-wrapper.team-register .requirement-set input,
#hero-form-wrapper.trainer-register .goal-set input,
#hero-form-wrapper.team-register .goal-set input {
  margin-right: 5px;
}
#hero-form-wrapper #trainer-pic,
#hero-form-wrapper #group_feature_pic,
#hero-form-wrapper #group_pic,
#hero-form-wrapper #faq_header_pic,
#hero-form-wrapper #nutrition_faq_header_pic {
  margin-left: 0;
  display: block;
}
#hero-form-wrapper .trainer-team {
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
#hero-form-wrapper .trainer-team-create a.pill-btn,
#hero-form-wrapper .trainer-team-payment a.pill-btn {
  margin: 0 auto;
  display: block;
  width: 200px;
}
#hero-form-wrapper .team-trainers .team-fitness-user {
  clear: none;
}
#broadcast-message {
  width: 100%;
  height: 400px;
  display: block;
}
.trainer-handbook h1,
.trainer-handbook h1 a,
.trainer-handbook h1:active a,
.trainer-handbook h1:hover a,
.trainer-handbook h1:visited a,
.trainer-handbook h2,
.trainer-handbook h2 a,
.trainer-handbook h2:active a,
.trainer-handbook h2:hover a,
.trainer-handbook h2:visited a,
.trainer-handbook h3,
.trainer-handbook h3 a,
.trainer-handbook h3:active a,
.trainer-handbook h3:hover a,
.trainer-handbook h3:visited a {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 48px;
  color: #1e2b32;
  cursor: text;
  text-decoration: none;
  margin-bottom: 20px;
}
.trainer-handbook h2,
.trainer-handbook h2 a,
.trainer-handbook h2:active a,
.trainer-handbook h2:hover a,
.trainer-handbook h2:visited a {
  font-size: 36px;
  margin-top: 20px;
}
.trainer-handbook h3,
.trainer-handbook h3 a,
.trainer-handbook h3:active a,
.trainer-handbook h3:hover a,
.trainer-handbook h3:visited a {
  font-size: 24px;
  margin-top: 20px;
}
.trainer-handbook .info-header p,
.trainer-handbook .info-header ul li,
.trainer-handbook .info-header ol li {
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #626D71;
}
.trainer-handbook .info-header ul,
.trainer-handbook .info-header ol {
  margin: .7em 0 .7em 15px;
  list-style-position: outside;
}
.trainer-handbook .trainer-toc ul {
  margin: 0 0 0 15px;
}
.survey-info {
  padding-left: 10px;
}
.trainer-tools-overview .info-header img {
  display: block;
  border: 2px solid #eee;
  margin: 15px auto;
}
#ftf-promotion-widget {
  margin-bottom: 0;
}
#ftf-promotion-widget .spots-remaining {
  font-size: 1.5em;
  color: #db5c39;
}
#ftf-promotion-widget .days-remaining {
  font-size: 1.5em;
  color: #724788;
}
#ftf-promotion-widget .sold-out {
  font-size: 1.5em;
  color: #1ea7db;
}
#ftf-promotion-widget .ftf-friend-sell {
  margin: 15px 0px;
}
#ftf-promotion-widget table {
  border: 0;
  padding: 0;
  border-spacing: 0;
  margin-top: 10px;
  margin-bottom: 0px;
}
#ftf-promotion-widget table:last-child {
  margin-bottom: 0;
}
#ftf-promotion-widget table a {
  display: block;
  text-decoration: none;
}
#ftf-promotion-widget table .team-icon {
  display: inline;
}
#ftf-promotion-widget table .team-icon img {
  margin-right: 15px;
}
#ftf-promotion-widget table .team-title {
  font-size: 20px;
  color: #2D383C;
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
#ftf-promotion-widget table .team-title.one-line {
  padding-top: 10px;
}
#ftf-promotion-widget table .team-coach {
  font-size: 12px;
  color: #8F9A9E;
}
#ftf-promotion-widget table .team-flag {
  position: absolute;
  top: 0px;
  width: 75px;
  height: 75px;
}
#ftf-promotion-widget table .team-flag p {
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
}
#ftf-promotion-widget table .team-flag .sold-out {
  background-image: url('/site_media/images/ftf-promotion-widget/ftf-widget-sold-out.png');
}
#ftf-promotion-widget table .team-flag .spots-remaining {
  background-image: url('/site_media/images/ftf-promotion-widget/ftf-widget-spots-left.png');
}
#ftf-promotion-widget table .team-flag .spots-few {
  background-image: url('/site_media/images/ftf-promotion-widget/ftf-widget-few.png');
}
#ftf-promotion-widget table .team-flag .days-tomorrow {
  background-image: url('/site_media/images/ftf-promotion-widget/ftf-widget-starts-tomorrow.png');
}
#ftf-promotion-widget table .team-flag .days-few {
  background-image: url('/site_media/images/ftf-promotion-widget/ftf-widget-starts-soon.png');
}
#ftf-promotion-widget table .team-flag span {
  -webkit-transform: rotate(45deg);
  display: block;
  font-size: 20px;
  right: 5px;
  top: 2px;
  position: absolute;
  color: #fff;
}
#ftf-promotion-widget table tr,
#ftf-promotion-widget table td {
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
#ftf-promotion-widget table td:first-child {
  display: block;
}
#ftf-promotion-widget.very-naked h3 {
  height: 52px;
  background: transparent url('/site_media/images/ftf-promotion-widget/logo-team-fitness-small.png') no-repeat scroll 50% 0;
  text-indent: -9999px;
}
.save-preview-button {
  float: right;
}
.save-preview {
  display: none;
  float: left;
  margin: 15px;
}
.save-preview p {
  font-size: 16px;
  color: #2e393d;
}
@media all and (max-width:360px) {
  #wrapper.group-fitness-payment-wrapper {
    min-width: 360px;
    max-width: 360px;
    width: 360px;
  }
  #wrapper.group-fitness-payment-wrapper header {
    display: none;
  }
  #content.group-fitness-payment {
    max-width: 360px;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0;
  }
  #content.group-fitness-payment .full-width-panel {
    display: none;
  }
  #content.group-fitness-payment .static-content {
    max-width: 360px;
  }
  #content.group-fitness-payment .static-content .headline {
    padding: 0;
    min-height: 100px;
    max-height: 1000px;
  }
  #content.group-fitness-payment .static-content .headline img {
    display: none;
    /*width:100% !important;
            height:auto;  
            position:relative;
            top:auto !important;
            right: auto !important;
            display:block;*/
  
  }
  #content.group-fitness-payment .static-content .headline > div {
    padding: 20px;
    margin-right: 0;
    display: block;
  }
  #content.group-fitness-payment #hero-form-wrapper .section {
    width: 100%;
  }
  #content.group-fitness-payment #hero-form-wrapper .section-label {
    width: 100%;
    padding-bottom: 0;
    text-align: center;
  }
  #content.group-fitness-payment #hero-form-wrapper .subsection {
    padding: 20px 10px;
    border-left: 0 none;
  }
  #content.group-fitness-payment #hero-form-wrapper .field {
    margin-bottom: 10px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .field-mobile-break {
    clear: both;
    display: block;
    padding: 5px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .card-number {
    width: 115px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .field-mobile-tap {
    border-bottom: 1px dotted #000;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .field-img-right {
    float: right;
    margin-right: 16px;
    margin-top: 5px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label {
    width: 40%;
    margin-right: 5%;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label.field-mobile-hide {
    display: none;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div {
    margin: 0;
    width: 55%;
    float: left;
    overflow: hidden;
    position: relative;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div input {
    display: block;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    border-width: 0;
    font-size: 16px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div input:focus {
    background: #eee;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div.field-full-width {
    width: 100%;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div.field-center-text {
    text-align: center;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div.field-mobile-hide {
    display: none;
  }
}
@media all and (max-width:320px) {
  #wrapper.group-fitness-payment-wrapper {
    min-width: 320px;
    max-width: 320px;
    width: 320px;
  }
  #wrapper.group-fitness-payment-wrapper header {
    display: none;
  }
  #content.group-fitness-payment {
    max-width: 320px;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0;
  }
  #content.group-fitness-payment .full-width-panel {
    display: none;
  }
  #content.group-fitness-payment .static-content {
    max-width: 320px;
  }
  #content.group-fitness-payment .static-content .headline {
    padding: 0;
    min-height: 100px;
    max-height: 1000px;
  }
  #content.group-fitness-payment .static-content .headline img {
    display: none;
    /*width:100% !important;
            height:auto;  
            position:relative;
            top:auto !important;
            right: auto !important;
            display:block;*/
  
  }
  #content.group-fitness-payment .static-content .headline > div {
    padding: 20px;
    margin-right: 0;
    display: block;
  }
  #content.group-fitness-payment #hero-form-wrapper .section {
    width: 100%;
  }
  #content.group-fitness-payment #hero-form-wrapper .section-label {
    width: 100%;
    padding-bottom: 0;
    text-align: center;
  }
  #content.group-fitness-payment #hero-form-wrapper .subsection {
    padding: 20px 10px;
    border-left: 0 none;
  }
  #content.group-fitness-payment #hero-form-wrapper .field {
    margin-bottom: 10px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .field-mobile-break {
    clear: both;
    display: block;
    padding: 5px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .card-number {
    width: 115px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .field-mobile-tap {
    border-bottom: 1px dotted #000;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .field-img-right {
    float: right;
    margin-right: 16px;
    margin-top: 5px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label {
    width: 40%;
    margin-right: 5%;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label.field-mobile-hide {
    display: none;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div {
    margin: 0;
    width: 55%;
    float: left;
    overflow: hidden;
    position: relative;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div input {
    display: block;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    border-width: 0;
    font-size: 16px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div input:focus {
    background: #eee;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div.field-full-width {
    width: 100%;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div.field-center-text {
    text-align: center;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div.field-mobile-hide {
    display: none;
  }
}
@media all and (max-width:320px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
  #wrapper.group-fitness-payment-wrapper {
    min-width: 320px;
    max-width: 320px;
    width: 320px;
  }
  #wrapper.group-fitness-payment-wrapper header {
    display: none;
  }
  #content.group-fitness-payment {
    max-width: 320px;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0;
  }
  #content.group-fitness-payment .full-width-panel {
    display: none;
  }
  #content.group-fitness-payment .static-content {
    max-width: 320px;
  }
  #content.group-fitness-payment .static-content .headline {
    padding: 0;
    min-height: 100px;
    max-height: 1000px;
  }
  #content.group-fitness-payment .static-content .headline img {
    display: none;
    /*width:100% !important;
            height:auto;  
            position:relative;
            top:auto !important;
            right: auto !important;
            display:block;*/
  
  }
  #content.group-fitness-payment .static-content .headline > div {
    padding: 20px;
    margin-right: 0;
    display: block;
  }
  #content.group-fitness-payment #hero-form-wrapper .section {
    width: 100%;
  }
  #content.group-fitness-payment #hero-form-wrapper .section-label {
    width: 100%;
    padding-bottom: 0;
    text-align: center;
  }
  #content.group-fitness-payment #hero-form-wrapper .subsection {
    padding: 20px 10px;
    border-left: 0 none;
  }
  #content.group-fitness-payment #hero-form-wrapper .field {
    margin-bottom: 10px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .field-mobile-break {
    clear: both;
    display: block;
    padding: 5px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .card-number {
    width: 115px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .field-mobile-tap {
    border-bottom: 1px dotted #000;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .field-img-right {
    float: right;
    margin-right: 16px;
    margin-top: 5px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label {
    width: 40%;
    margin-right: 5%;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label.field-mobile-hide {
    display: none;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div {
    margin: 0;
    width: 55%;
    float: left;
    overflow: hidden;
    position: relative;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div input {
    display: block;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    border-width: 0;
    font-size: 16px;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div input:focus {
    background: #eee;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div.field-full-width {
    width: 100%;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div.field-center-text {
    text-align: center;
  }
  #content.group-fitness-payment #hero-form-wrapper .field .primary-label + div.field-mobile-hide {
    display: none;
  }
}
.group-fitness-invoicing form {
  padding: 20px 20px 15px;
  border-bottom: 1px solid #E1E1E1;
}
.group-fitness-invoicing form #advanced-toggle {
  display: block;
  clear: both;
}
.group-fitness-invoicing form select {
  float: left;
  display: block;
  width: 80%;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.group-fitness-invoicing form input[type="submit"] {
  float: right;
  width: 19%;
}
.group-fitness-invoicing #invoice-wrapper {
  width: 100%;
  position: relative;
}
.group-fitness-invoicing #invoice-wrapper table {
  width: 100%;
}
.group-fitness-invoicing #invoice-wrapper table tr:nth-child(even) {
  background: #eee;
}
.group-fitness-invoicing #invoice-wrapper table tr:nth-child(odd) {
  background-color: #fff;
}
.group-fitness-invoicing #invoice-wrapper table tr th,
.group-fitness-invoicing #invoice-wrapper table tr td {
  font-size: 14px;
  padding: 10px;
}
.group-fitness-invoicing #invoice-wrapper table tr th a,
.group-fitness-invoicing #invoice-wrapper table tr td a {
  font-size: 14px;
}
.group-fitness-invoicing #invoice-wrapper table tr th.not-paid a,
.group-fitness-invoicing #invoice-wrapper table tr td.not-paid a {
  text-decoration: none;
}
.group-fitness-invoicing #invoice-wrapper table tr th.not-paid a span,
.group-fitness-invoicing #invoice-wrapper table tr td.not-paid a span {
  background-color: #660000;
  border-radius: 5px;
  padding: 5px 8px;
  color: #fff;
}
.group-fitness-invoicing #invoice-wrapper table tr th.refund-color,
.group-fitness-invoicing #invoice-wrapper table tr td.refund-color {
  color: #990000;
}
.group-fitness-invoicing #invoice-wrapper table tr th.transfer-color,
.group-fitness-invoicing #invoice-wrapper table tr td.transfer-color {
  color: #38761d;
}
.group-fitness-invoicing #invoice-wrapper table tr th.refund a,
.group-fitness-invoicing #invoice-wrapper table tr td.refund a {
  text-decoration: none;
}
.group-fitness-invoicing #invoice-wrapper table tr th.refund a span,
.group-fitness-invoicing #invoice-wrapper table tr td.refund a span {
  background-color: #660000;
  border-radius: 5px;
  padding: 5px 8px;
  color: #fff;
}
.group-fitness-invoicing #invoice-wrapper table tr th.transfer a,
.group-fitness-invoicing #invoice-wrapper table tr td.transfer a {
  text-decoration: none;
}
.group-fitness-invoicing #invoice-wrapper table tr th.transfer a span,
.group-fitness-invoicing #invoice-wrapper table tr td.transfer a span {
  background-color: #274e13;
  border-radius: 5px;
  padding: 5px 8px;
  color: #fff;
}
.group-fitness-invoicing #invoice-wrapper table tr th {
  background-color: #333;
  color: #eee;
  border-top: 0 none;
}
.group-fitness-invoicing #invoice-wrapper .message-wrapper {
  margin: 20px auto 100px;
  width: 500px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #dfe0e1;
}
.group-fitness-invoicing #invoice-wrapper .message-wrapper form {
  border: 0 none;
}
.group-fitness-invoicing #invoice-wrapper .message-wrapper form h2,
.group-fitness-invoicing #invoice-wrapper .message-wrapper form .transfer-details {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dfe0e1;
}
.group-fitness-invoicing #invoice-wrapper .message-wrapper form .transfer-details {
  padding-bottom: 20px;
}
.group-fitness-invoicing #invoice-wrapper .message-wrapper form #make_transfer {
  width: 200px;
  margin: 0 auto;
  display: block;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations {
  border-bottom: 1px solid #dfe0e1;
  padding: 20px 0;
  margin-bottom: 40px;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations table {
  border: 0;
  border-spacing: 0;
  float: right;
  width: auto;
  margin-right: 20px;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations table tr,
.group-fitness-invoicing #invoice-wrapper #invoice-calculations table td {
  border: 0;
  padding: 0px 5px;
  background-color: #fff;
  text-align: right;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations table tr.refund-color,
.group-fitness-invoicing #invoice-wrapper #invoice-calculations table td.refund-color {
  color: #990000;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations table tr.transfer-color,
.group-fitness-invoicing #invoice-wrapper #invoice-calculations table td.transfer-color {
  color: #38761d;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations table tr .spacer,
.group-fitness-invoicing #invoice-wrapper #invoice-calculations table td .spacer {
  padding-top: 10px;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations table td:first-child {
  text-align: right;
  padding-right: 0;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations #invoice-owed {
  font-weight: bold;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations tr#invoice-stripe-not-paid td,
.group-fitness-invoicing #invoice-wrapper #invoice-calculations tr#invoice-fitocracy-fees td {
  border-bottom: 1px solid #dfe0e1;
  margin-bottom: 10px;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations .invoice-eye-candy {
  float: left;
  width: 400px;
  padding: 0 20px;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations .invoice-eye-candy .gross-total,
.group-fitness-invoicing #invoice-wrapper #invoice-calculations .invoice-eye-candy h1,
.group-fitness-invoicing #invoice-wrapper #invoice-calculations .invoice-eye-candy h2,
.group-fitness-invoicing #invoice-wrapper #invoice-calculations .invoice-eye-candy table tr td span {
  font-family: "Bariol", Helvetica, Arial, sans-serif;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations .invoice-eye-candy .gross-total {
  background-color: #683981;
  border-radius: 5px;
  padding: 8px 12px;
  color: #fff;
  display: inline;
  line-height: 40px;
  font-size: 40px;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations .invoice-eye-candy h1,
.group-fitness-invoicing #invoice-wrapper #invoice-calculations .invoice-eye-candy h2 {
  font-size: 40px;
  color: #666;
  margin-bottom: 20px;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations .invoice-eye-candy table {
  float: left;
  margin-top: 20px;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations .invoice-eye-candy table tr td {
  text-align: left;
  padding: 0;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations .invoice-eye-candy table tr td h2 {
  margin: 0;
  font-size: 14px;
}
.group-fitness-invoicing #invoice-wrapper #invoice-calculations .invoice-eye-candy table tr td span {
  font-size: 14px;
  text-align: right;
  display: block;
  color: #666;
}
/**============================== Quest Details Tabs ====================================**/
li.stone_detail a {
  font-size: 14px;
  color: #1ea7db;
  cursor: pointer;
}
li.stone_detail .stone_border {
  margin-left: 5px;
  display: none;
  border-left: thick solid #673880;
}
li.stone_detail .stone_border .stone_actions {
  margin-left: 5px;
}
li.stone_detail .stone_border .stone_actions_title {
  margin: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #2e393d;
}
li.stone_detail .stone_border .stone_actions_description {
  margin-left: 5px;
  font-size: 12px;
  color: #1e2b32;
}