/*@base-font_v2_thin: 'Museo Sans Thin';
@base-font_v2_medium: 'Museo Sans Regular';*/
/*@base-font-regular: 'MuseoSans-100';
@base-font-medium: 'MuseoSans-300';
@base-font-semibold: 'MuseoSans-500';
@base-font-bold: 'MuseoSans-500';
@base-font-bolder: 'MuseoSans-700';
@handwritten-font: 'ShadowsIntoLightRegular';
@handwrittern-font-two: 'ShadowsIntoLightTwoRegular';
@cursive-font: 'WisdomScriptRegular';
@museo-slab-medium: 'MuseoSlab-300';
@museo-slab-bolder: 'MuseoSlab-700';
@museo-slab-bolder-italic: 'MuseoSlab-700Italic';
@museo-slab-extra-bold: 'MuseoSlab-900';*/
/* -------- BROWSER STYLE RESET BEGIN -------- */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
object,
embed {
  max-width: 100%;
}
body {
  font-family: helvetica, arial, sans-serif;
  font-size: 13px;
}
/* -------- BROWSER STYLE RESET END -------- */
/* -------- GENERAL CLASSES BEGIN -------- */
.container {
  clear: both;
  margin: 0 auto;
  position: static;
  width: 960px;
}
/* -------- GENERAL CLASSES END -------- */
/* -------- PAGE CONTENT BEGIN -------- */
.page-wrap-white {
  overflow: visible;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: white;
  clear: both;
  padding: 35px 30px;
}
.page-wrap-white.no-top-border {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
}
.page-wrap-white.no-shadow {
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#page.move-up {
  margin: -70px auto 30px;
}
/* -------- PAGE CONTENT END -------- */
/* -------- HEADER NAV BEGIN -------- */
body #bg-video-promotion {
  overflow: visible;
}
body #sunspot {
  overflow: visible;
}
body #header {
  overflow: visible;
  min-width: 1010px;
}
/* -------- HEADER NAV END -------- */
/* -------- FOOTER BEGIN -------- */
#footer {
  clear: both;
  margin: 30px auto;
  overflow: hidden;
  min-width: 1010px;
}
#footer.shadowed {
  background: url("/images/game/footer-bg.png") no-repeat scroll center 0 transparent;
  height: 90px;
  min-width: 1010px;
  margin: 30px auto 0;
  padding: 30px 0 0 0;
  overflow: visible;
  position: relative;
}
#footer-copyright {
  color: #999;
  font-size: 12px;
  float: left;
}
#footer-social-links {
  float: left;
  width: 255px;
  height: 23px;
  margin: -3px 0px 0px 10px;
}
#footer-social-links .btn-facebook-like,
#footer-social-links .btn-follow {
  float: right;
  width: 110px;
  overflow: hidden;
}
#footer-social-links .btn-facebook-like {
  width: 90px;
  height: 22px;
}
#footer-social-links .btn-follow {
  width: 70px;
}
#footer-links-right {
  float: right;
}
#footer-links-right li {
  display: inline;
  letter-spacing: -0.01em;
  margin: 0 0 0 15px;
  text-align: right;
}
#footer-links-right li a {
  color: #999;
  font-family: 'Averta-Light-300';
}
#footer-links-right li a.green {
  color: #00A19F;
}
#footer-content {
  clear: both;
  margin: 0 auto;
  width: 960px;
}
/* -------- FOOTER END -------- */
/* -------- USER PROFILE PICTURE BEGIN -------- */
.profile-link {
  clear: both;
  display: block;
  float: left;
  padding: 10px 0;
}
.profile-link .profile-img {
  float: left;
  margin: -10px 15px -10px 0;
}
.profile-link .profile-name {
  display: inline;
  vertical-align: middle;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 13px;
  color: #2F2F2F;
}
/* -------- USER PROFILE PICTURE END -------- */
/* -------- GAME IMAGE BEGIN -------- */
.game-img {
  width: 155px;
  height: 155px;
  margin: 0 0 0 10px;
  padding: 1px;
  border: none;
  background: none repeat scroll 0 0 #739C9E;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.game-img-bg {
  width: 155px;
  height: 155px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
/* -------- GAME IMAGE END -------- */
/* -------- BUTTON SMALL BEGIN -------- */
.btn.small,
.ui-button {
  background: url("/images/sprites.png") repeat-x scroll 0 -146px #FEFEFE;
  border: 1px solid #D0D0D0;
  color: #666;
  display: inline-block;
  float: none;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 10px;
  letter-spacing: 0.05em;
  outline: medium none;
  padding: 5px 15px;
  text-decoration: none;
  text-transform: uppercase;
}
.btn.small {
  float: right;
}
.btn.small,
.btn.large,
.ui-button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn.small.disabled,
.btn.large.disabled {
  background: none repeat scroll 0 0 #F9F9F9;
  color: #ccc;
}
/* -------- BUTTON SMALL END -------- */
/* -------- BUTTON LARGE BEGIN -------- */
.btn.large {
  background: url("/images/sprites.png") repeat-x scroll 0 -179px #FEFEFE;
  border: 1px solid #D0D0D0;
  color: #666;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.1em;
  padding: 5px 15px;
  text-decoration: none;
  text-transform: uppercase;
}
.btn.large.full-width {
  clear: both;
  float: left;
  margin: 10px 0 0;
  padding: 9px 0;
  width: 100%;
}
/* -------- BUTTON LARGE END -------- */
/* -------- SHADOWED SILVER BLOCK BEGIN -------- */
.shadowed-silver-block {
  font-family: 'Averta-Semibold-500';
  background: none repeat scroll 0 0 transparent;
  border: none;
  font-size: 15px;
  float: left;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: #666;
  width: 100%;
}
.shadowed-silver-block .block-shadow {
  padding: 0 0 50px 0;
  margin: 0 0 -50px 0;
}
.shadowed-silver-block.shadowed-both-sides .block-shadow {
  position: relative;
}
.shadowed-silver-block.shadowed-both-sides .block-shadow .left-shadow {
  width: 330px;
  height: 50px;
  position: absolute;
  bottom: 0px;
  left: 5px;
}
.ie7 .shadowed-silver-block .block-shadow {
  margin: 0 0 -20px 0;
}
.shadowed-silver-block .block-wrapper {
  background: none repeat scroll 0 0 #F2F2F2;
  border: 1px solid #B5B5B5;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
}
.shadowed-silver-block .block-content {
  padding: 20px;
}
/* -------- SHADOWED SILVER BLOCK END -------- */
/* -------- BLOCK FOOTER BEGIN -------- */
.block-footer {
  background: none repeat scroll 0 0 #FCFCFC;
  border-top: 1px solid #E3E3E3;
  clear: both;
  float: none;
  padding: 15px;
  text-align: center;
  width: auto;
}
.ie7 .block-footer {
  display: inline-block;
}
.block-footer .link-edit {
  color: #666;
  display: block;
  font-size: 9px;
  font-weight: bold;
  padding: 0 14px;
  text-decoration: underline;
  text-transform: uppercase;
}
.block-footer .link-edit:hover {
  color: #999;
}
.block-footer a {
  display: inline;
  margin: 0;
  padding: 0;
  text-transform: none;
}
.block-footer.blue {
  background: none repeat scroll 0 0 #EEF7F7;
  border-top: 1px solid #E1EEEE;
}
.block-footer.blue p {
  color: #666;
  font-family: helvetica,arial;
  font-size: 13px;
  line-height: 17px;
  margin: 0;
  padding: 0;
}
.block-footer p {
  padding: 0;
}
.asterisk-text {
  clear: both;
  color: #999;
  float: left;
  font-size: 11px;
  margin: 10px 0 20px;
}
/* -------- BLOCK FOOTER END -------- */
/* -------- BORDERLESS BLOCK TRANSPARENT  BEGIN -------- */
.borderless-block-transparent {
  margin: 0 0 27px;
}
.borderless-block-transparent-header {
  clear: both;
  margin: 0 0 17px;
  background: none repeat scroll 0 0 transparent;
  border: none;
  font-family: 'Averta-Semibold-500';
  font-size: 13px;
  color: #999;
  margin: 0 0 19px;
  overflow: hidden;
}
.borderless-block-transparent-header h2 {
  float: left;
  font-family: 'Averta-Light-300';
  font-size: 26px;
  font-weight: normal;
  color: #000;
  padding: 2px 0 9px 0;
  width: auto;
}
.borderless-block-transparent-header .select {
  float: right;
  margin: 2px 5px 2px 0px;
}
.borderless-block-transparent-header .block-options {
  float: right;
  margin: 10px 0px 10px 0px;
}
.borderless-block-transparent-header .block-options .options-title {
  float: left;
  margin: 0 15px 0 0;
}
.borderless-block-transparent-header .block-options .checkbox-field {
  display: inline-block;
  margin: 0;
}
.borderless-block-transparent-header .block-options .options-title,
.borderless-block-transparent-header .block-options .checkbox-field .label {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
.borderless-block-transparent-header .block-options .checker {
  margin-top: -3px;
}
/* -------- BORDERLESS BLOCK TRANSPARENT END -------- */
/* -------- GAME SETTINGS BLOCK BEGIN -------- */
#game-settings-block {
  float: right;
  position: relative;
}
#game-settings-block .value {
  color: #E0821F;
}
#game-settings-block li .image {
  display: block;
  margin: 0 auto 10px;
}
#game-settings-block #game-settings-bet .image.small {
  background: url("/images/game/game-settings/bg-betamount-small.png") no-repeat scroll center 0 transparent;
  width: 120px;
  height: 73px;
}
#game-settings-block #game-settings-stakes .image.small {
  background: url("/images/game/game-settings/bg-stakes-small.png") no-repeat scroll center 0 transparent;
  width: 113px;
  height: 73px;
}
#game-settings-block #game-settings-pot .image.small {
  background: url("/images/game/game-settings/bg-potamount-small.png") no-repeat scroll center 0 transparent;
  width: 72px;
  height: 73px;
}
#game-settings-block #game-settings-bet .image.medium {
  background: url("/images/game/game-settings/bg-betamount-medium.png") no-repeat scroll center 0 transparent;
  width: 169px;
  height: 103px;
}
#game-settings-block #game-settings-stakes .image.medium {
  background: url("/images/game/game-settings/bg-stakes-medium.png") no-repeat scroll center 0 transparent;
  width: 157px;
  height: 103px;
}
#game-settings-block #game-settings-pot .image.medium {
  background: url("/images/game/game-settings/bg-potamount-medium.png") no-repeat scroll center 0 transparent;
  width: 104px;
  height: 103px;
}
#game-settings-block #game-bet-amount .image.medium {
  background: url("/images/game/game-settings/bg-betamount-medium.png") no-repeat scroll center bottom transparent;
  width: 169px;
  height: 103px;
}
#game-settings-block #game-start-date .image.medium {
  background: url("/images/game/calendar.png") no-repeat scroll center bottom transparent;
  width: 142px;
  height: 103px;
}
#game-settings-block #game-invite-friends .image.medium {
  background: url("/images/game/faces.png") no-repeat scroll center bottom transparent;
  width: 116px;
  height: 103px;
}
#game-settings-block li {
  float: left;
  font-size: 16px;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  text-align: center;
  width: auto;
  margin: 0 25px;
}
.ie7 #game-settings-block li {
  width: 150px;
  margin: 0px;
}
#game-settings-block .separator.small {
  background: url("/images/separators/separator-w485.png") no-repeat scroll center 0 transparent;
  width: 485px;
  height: 1px;
  position: absolute;
  bottom: 20px;
  left: 0px;
}
#game-settings-block .separator.medium {
  background: url("/images/separators/separator-w600.png") no-repeat scroll center 0 transparent;
  width: 600px;
  height: 1px;
  position: absolute;
  bottom: 30px;
  left: 0px;
}
.spanish #game-settings-block .separator.medium {
  bottom: 65px;
}
/* -------- GAME SETTINGS BLOCK END -------- */
/* -------- SHADOWED MESSAGE BLOCK BEGIN -------- */
.shadowed-message-block {
  font-family: 'Averta-Semibold-500';
  position: relative;
  padding: 10px 20px 20px;
  border: 1px solid #AEB4B2;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.shadowed-message-block.silver {
  background: none repeat scroll 0 0 #F4F4F4;
}
.shadowed-message-block.yellow {
  background: none repeat scroll 0 0 #F1F1D8;
}
.shadowed-message-block.light-yellow {
  background: none repeat scroll 0 0 #FCFCF5;
}
.shadowed-message-block.white {
  background: none repeat scroll 0 0 #fff;
}
.shadowed-message-block.silver.top-left .arrow {
  background: url("/images/game/up-silver-arrow.png") no-repeat scroll 0 0 transparent;
  width: 32px;
  height: 19px;
  position: absolute;
  top: -19px;
  left: 90px;
}
.shadowed-message-block.yellow.top-right .arrow {
  background: url("/images/game/up-yellow-arrow.png") no-repeat scroll 0 0 transparent;
  width: 32px;
  height: 15px;
  position: absolute;
  top: -15px;
  right: 90px;
}
.shadowed-message-block.light-yellow.bottom-right .arrow {
  background: url("/images/game/down-lightyellow-arrow.png") no-repeat scroll 0 0 transparent;
  width: 25px;
  height: 11px;
  position: absolute;
  bottom: -11px;
  right: -1px;
}
/* -------- SHADOWED MESSAGE BLOCK END -------- */
.left-column {
  float: left;
  width: auto;
}
.media {
  overflow: hidden;
}
.media .lft {
  float: left;
  width: auto;
  margin-right: 20px;
}
#my-account-form .media .lft {
  float: left;
  margin-right: 0px;
  width: auto;
}
.next-step-msg .media .lft {
  float: left;
  margin-right: 20px;
  width: 750px;
}
.media .rgt {
  overflow: hidden;
}
/* ----------------------------------
	Block Borders
------------------------------------*/
/* ---- FACT LIST BEGIN ---- */
#fact-list {
  padding: 0px 30px;
}
#fact-list-table {
  clear: both;
}
#fact-list .fact-block {
  border-right: 1px dotted #D4D5D4;
  line-height: 18px;
  padding: 0 20px;
  width: 198px;
}
#fact-list .fact-block.last {
  border-right: none;
}
#fact-list p {
  font-size: 13px;
  line-height: 20px;
  color: #999;
  margin: 0 0 13px 0;
}
#fact-list .last {
  width: 225px;
  padding-left: 15px;
}
/* ---- FACT LIST END ---- */
/*-------------- MONEY BACK GUARANTEE BLOCK BEGIN ----------------*/
.money-back-guarantee-block .bg-guarantee {
  background: url("/images/money-back-guarantee.png") no-repeat scroll 0 0 transparent;
  height: 79px;
  width: 100px;
  float: left;
  margin: 0 15px 0 0;
}
.money-back-guarantee-block .note {
  float: left;
  padding: 20px 0;
}
.money-back-guarantee-block .note .title {
  font-size: 14px;
  font-family: 'Averta-Semibold-500';
  color: #d6450a;
  margin: 0 0 5px;
}
.money-back-guarantee-block .note .value {
  font-size: 14px;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  color: #666;
  margin: 0;
}
/*-------------- MONEY BACK GUARANTEE BLOCK END ----------------*/
/*-------------- BLUE ARROW ICON BEGIN ----------------*/
.icon-blue-arrow {
  display: inline-block;
}
.icon-blue-arrow.small.down {
  background: url("/images/game/icons/up-down-blue-arrows-9x6.png") no-repeat scroll 0 0 transparent;
  width: 9px;
  height: 6px;
  margin: 0 0 1px 5px;
}
.icon-blue-arrow.small.up {
  background: url("/images/game/icons/up-down-blue-arrows-9x6.png") no-repeat scroll 0 -10px transparent;
  width: 9px;
  height: 6px;
  margin: 0 0 2px 5px;
}
.icon-blue-arrow.small.at-the-left {
  background: url("/images/game/icons/left-right-blue-arrows-7x9.png") no-repeat scroll 0 0 transparent;
  width: 7px;
  height: 9px;
  margin: 0 5px 0 0;
}
.icon-blue-arrow.small.at-the-right {
  background: url("/images/game/icons/left-right-blue-arrows-7x9.png") no-repeat scroll -10px 0 transparent;
  width: 7px;
  height: 9px;
  margin: 0 0 0 5px;
}
/*-------------- BLUE ARROW ICON END ----------------*/
/*-------------- ORANGE ARROW ICON BEGIN ----------------*/
.icon-orange-arrow {
  display: inline-block;
}
.icon-orange-arrow.small.down {
  background: url("/images/game/icons/up-down-orange-arrows-9x6.png") no-repeat scroll 0 0 transparent;
  width: 9px;
  height: 6px;
  margin: 0 0 1px 5px;
}
.icon-orange-arrow.small.up {
  background: url("/images/game/icons/up-down-orange-arrows-9x6.png") no-repeat scroll 0 -10px transparent;
  width: 9px;
  height: 6px;
  margin: 0 0 1px 5px;
}
/*-------------- ORANGE ARROW ICON END ----------------*/
/*-------------- BLACK ARROW ICON BEGIN ----------------*/
.icon-black-arrow {
  display: inline-block;
}
.icon-black-arrow.small.at-the-left {
  background: url("/images/game/icons/left-right-black-arrows-7x10.png") no-repeat scroll 0 0 transparent;
  width: 7px;
  height: 10px;
  margin: 0 0 0 7px;
}
.icon-black-arrow.small.at-the-right {
  background: url("/images/game/icons/left-right-black-arrows-7x10.png") no-repeat scroll -10px 0 transparent;
  width: 7px;
  height: 10px;
  margin: 0 0 0 7px;
}
.icon-black-arrow.small.down {
  background: url("/images/game/icons/up-down-black-arrows-10x7.png") no-repeat scroll 0 0 transparent;
  width: 10px;
  height: 7px;
  margin: 0 0 0 7px;
}
.icon-black-arrow.small.up {
  background: url("/images/game/icons/up-down-black-arrows-10x7.png") no-repeat scroll 0 -10px transparent;
  width: 10px;
  height: 7px;
  margin: 0 0 0 7px;
}
/*-------------- BLACK ARROW ICON END ----------------*/
/*-------------- STEP NR BEGIN ----------------*/
.step-nr {
  background: url("/images/game/bg-step-nr.png") no-repeat scroll 0 0 transparent;
  width: 46px;
  height: 46px;
  display: inline-block;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 23px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  text-shadow: 0 -1px 0 #76A2A4;
}
.step-nr.done {
  background: url("/images/game/bg-step-nr-done.png") no-repeat scroll 0 0 transparent;
  text-indent: -9999px;
}
.step-nr.disabled {
  background: url("/images/game/bg-step-nr-disabled.png") no-repeat scroll 0 0 transparent;
  text-shadow: 0 -1px 0 #C8E4E6;
}
/*-------------- STEP NR END ----------------*/
/* -------- GAMES GROUP BLOCK BEGIN -------- */
.games-group {
  margin: 40px 0 0;
}
.games-group .games-group-header {
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 30px;
  color: #000;
  text-align: center;
  margin: 0 0 15px;
}
.games-group .game-notes {
  display: block;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 14px;
  color: #000;
  text-align: center;
  margin: 0 0 20px;
}
.games-group .games-list-block {
  width: 100%;
  position: relative;
  margin-bottom: 35px;
}
.games-group .games-list-top-shadow {
  background: url("/images/landing-pages/games-group-top-shadow.png") no-repeat scroll center top transparent;
  position: absolute;
  width: 100%;
  height: 14px;
  z-index: 99;
}
.games-group .game-data-wrap {
  background: url("/images/separators/shadowed-separator-w1090.png") no-repeat scroll center top transparent;
  height: 145px;
  overflow: hidden;
}
#active-games-block.games-group .game-data-wrap,
#public-games .games-group .game-data-wrap {
  height: auto;
  padding-bottom: 20px;
}
/* game image */
.games-group .game-data-wrap .img-wrapper-top-margin {
  width: 130px;
  height: 1px;
  position: relative;
  z-index: 110;
  background-color: #ccc;
  margin: 0 0 0 23px;
}
.ie8 .games-group .game-data-wrap .img-wrapper-top-margin {
  width: 156px;
  margin: 0 0 0 10px;
}
.games-group .game-data-wrap .game-img-wrap {
  float: left;
  margin: -35px 20px 15px 0;
  position: relative;
  z-index: 100;
}
/* game data */
.games-group .game-data-wrap .game-data {
  float: left;
  width: 350px;
}
.games-group .game-data .label-wrap {
  float: left;
  margin: 0px 0px 15px -35px;
}
.games-group .game-title {
  display: block;
  float: left;
  margin: 30px 0 5px;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 20px;
  color: #00A19F;
  clear: both;
}
.games-group .game-title.move-up {
  margin-top: 0;
}
.games-group .game-data-stats {
  clear: both;
  margin: 7px 0;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 15px;
  color: #000;
}
.games-group .game-data-stats .separator {
  margin: 0 5px 0 10px;
}
.games-group .game-data .override-description {
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
  color: #000;
}
/* game pot amount */
.games-group .game-data-wrap .game-pot-amount {
  float: right;
  width: 250px;
  padding: 30px 0 0;
}
.games-group .game-pot-amount .pot-amount-img {
  float: left;
  width: 110px;
  height: 95px;
}
.games-group .game-pot-amount .pot-amount-img.open {
  background: url("/images/landing-pages/bg-potamount-open-games.png") no-repeat scroll 0 0 transparent;
}
.games-group .game-pot-amount .pot-amount-img.closed {
  background: url("/images/landing-pages/bg-potamount-closed-games.png") no-repeat scroll 0 0 transparent;
}
.games-group .game-pot-amount .pot-amount-img.to500 {
  background-position: 0 -100px;
}
.games-group .game-pot-amount .pot-amount-img.from501-to5000 {
  background-position: 0 -200px;
}
.games-group .game-pot-amount .pot-amount-img.from5001-to20000 {
  background-position: 0 -300px;
}
.games-group .game-pot-amount .pot-amount-img.from20001 {
  background-position: 0 -400px;
}
.games-group .game-pot-amount .pot-amount-data {
  float: left;
  padding: 20px 0;
}
.games-group .pot-amount-data .pot-amount-value {
  display: block;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 30px;
  color: #000;
  text-align: center;
}
.games-group .pot-amount-data .pot-amount-text {
  display: block;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 20px;
  color: #666;
  text-align: center;
}
/* join game */
.games-group .game-data-wrap .join-game-block {
  float: right;
  width: 170px;
  padding: 45px 0 0;
}
.games-group .join-game-block .bgc {
  font-size: 16px;
}
.games-group .join-game-block .btn-view-game {
  width: 170px;
}
.games-group .join-game-block .start-date {
  margin: 10px 0 0;
}
.games-group .join-game-block .time-left {
  color: #F2883A;
}
.games-group .feed-pager-wrap {
  background: url("/images/separators/long-separator-w1060.png") no-repeat scroll top center transparent;
  min-width: 1010px;
}
/* games groupped in columns */
.games-group.groupped-in-columns .game-data-wrap {
  padding: 35px 0;
  height: auto;
}
.games-group.groupped-in-columns .games-column {
  border-right: 1px dotted #808080;
  float: left;
  padding: 0 30px;
  width: 275px;
}
.games-group.groupped-in-columns .games-column.first {
  padding-left: 0px;
}
.games-group.groupped-in-columns .games-column.last {
  border: none;
  padding-right: 0px;
}
.games-group.groupped-in-columns .games-column .public-game-details {
  margin: 0 0 30px;
}
.games-group.groupped-in-columns .public-game-details.last {
  margin-bottom: 0;
}
.games-group.groupped-in-columns .game-title {
  margin: 0 0 5px;
  font-size: 16px;
}
/* -------- GAMES GROUP BLOCK END -------- */
/* -------- USER PROFILE COMMUNITY GROUPS BLOCK BEGIN -------- */
#user-joined-groups-wrap .user-profile-group-title {
  color: #00A19F;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  margin: 0 0 20px;
}
#user-joined-groups-wrap .user-is-organizer {
  color: #000;
}
#user-joined-groups-wrap .user-profile-group-link {
  float: left;
  word-break: break-all;
  line-height: 20px;
}
#user-joined-groups-wrap .user-profile-join-group {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  margin: 0 0 20px;
}
/* -------- USER PROFILE COMMUNITY GROUPS BLOCK END -------- */
/* ---- START YOUR OWN DIETBET BLOCK BEGIN ---- */
#cta-start-your-own-dietbet {
  background: url("/images/separators/shadowed-separator-w1090.png") no-repeat scroll center top transparent;
  padding-top: 40px;
  margin-bottom: 30px;
  text-align: center;
  margin-top: 25px;
}
#cta-start-your-own-dietbet .cta-left,
#cta-start-your-own-dietbet .cta-right {
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  color: #000;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  line-height: 24px;
  margin: 7px 0 10px;
}
#cta-start-your-own-dietbet.cta-top {
  background-image: none;
}
#btn-cta-start-game {
  margin: 0 20px;
  vertical-align: middle;
  min-width: 350px;
}
#cta-start-your-own-dietbet .link-see-more {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
/* ---- START YOUR OWN DIETBET BLOCK END ---- */
/* ---- SAVED CREDIT CARDS BLOCK BEGIN ---- */
.cc-bg {
  background: none no-repeat scroll 0 0 transparent;
  height: 28px;
  width: 60px;
  display: none;
  margin-top: -37px;
}
.cc-bg.visa {
  background: url("/images/sign-up/new-design/bg-credit-card.png") no-repeat 0 0 transparent;
}
.cc-bg.mastercard {
  background: url("/images/sign-up/new-design/bg-credit-card.png") no-repeat 0 -40px transparent;
}
.cc-bg.amex {
  background: url("/images/sign-up/new-design/bg-credit-card.png") no-repeat 0 -80px transparent;
}
.cc-bg.discover {
  background: url("/images/sign-up/new-design/bg-credit-card.png") no-repeat 0 -160px transparent;
}
.cc-bg.jcb {
  background: url("/images/sign-up/new-design/bg-credit-card.png") no-repeat 0 -200px transparent;
}
.cc-bg.diners-club {
  background: url("/images/sign-up/new-design/bg-credit-card.png") no-repeat 0 -120px transparent;
}
.cc-details {
  background-color: #FAFAFA;
  border: 1px solid #BFBFBA;
  float: left;
  min-width: 315px;
  min-height: 170px;
  padding: 11px;
  margin: 15px 35px 15px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cc-details.active {
  border: 1px solid #d6450a;
}
.cc-details ul {
  height: 128px;
}
.cc-details li {
  color: #000;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
}
.cc-details .cc-bg {
  display: inline-block;
  width: auto;
  margin: 0 0 10px;
  padding-left: 65px;
  height: 30px;
  line-height: 30px;
}
.cc-details .title {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
.cc-details .expired {
  color: #CC1D02;
}
.cc-details .cc-data {
  margin: 0 5px;
}
.cc-details .cc-links {
  display: block;
  background: url("/images/separators/dotted-separator.png") repeat-x scroll left top transparent;
  margin: 11px 0 0;
  padding: 11px 0 0;
}
.cc-details.add-new-cc {
  position: relative;
}
.cc-details.add-new-cc .cc-links {
  background: none no-repeat scroll 0 0 transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
  margin: 0;
  padding: 0;
  text-align: center;
}
.cc-details .cc-links a {
  display: inline-block;
  margin: 0 5px;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}
.cc-details .cc-links .link-select-cc {
  margin: 0;
  font-family: 'Averta-Semibold-500';
}
.cc-details .cc-links .link-select-cc.selected {
  background: url("/images/game/icons/list-item-orange.png") no-repeat scroll 0 0 transparent;
  padding: 3px 0 0 25px;
  margin: -3px 0 0;
  color: #d6450a;
}
.cc-details .cc-links .link-select-cc.selected:hover {
  cursor: default;
  text-decoration: none;
}
.cc-details .cc-expiration-date {
  position: relative;
}
.cc-details .cc-expiration-date .error {
  color: red;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 12px;
  left: -95px;
  margin-top: 25px;
  position: absolute;
  width: 200px;
  line-height: 12px;
}
/* ---- SAVED CREDIT CARDS BLOCK END ---- */
/* -------- ADD EXTRA MOTIVATION BLOCK BEGIN -------- */
.block-add-extra-motivation.original-new .block-shadow,
.block-buy-weigh-in-tokens.original-new .block-shadow {
  background: url("/images/landing-pages/block-shadow-right.png") no-repeat scroll right bottom transparent;
  margin: 0 0 -21px;
  padding: 0 0 21px;
}
.block-add-extra-motivation.original-new .block-wrapper,
.block-buy-weigh-in-tokens.original-new .block-wrapper {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #CDCEC7;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.block-add-extra-motivation.original-new .block-content,
.block-buy-weigh-in-tokens.original-new .block-content {
  background: none repeat scroll 0 0 #FDFCEE;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  margin: 2px;
  padding: 10px;
  position: relative;
  text-align: center;
  width: auto;
}
.block-add-extra-motivation.original-new .bg-image,
.block-buy-weigh-in-tokens.original-new .bg-image {
  background: url("/images/game/icons/extra-motivation-icon-50x50.png") no-repeat scroll 0 0 transparent;
  width: 50px;
  height: 50px;
  float: left;
  margin: 0 15px 0 0;
}
.block-add-extra-motivation.original-new .block-description,
.block-buy-weigh-in-tokens.original-new .block-description {
  float: left;
  padding: 5px 0;
  text-align: left;
}
.block-add-extra-motivation.original-new .title,
.block-buy-weigh-in-tokens.original-new .title {
  display: inline-block;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
.block-add-extra-motivation.original-new .help,
.block-buy-weigh-in-tokens.original-new .help {
  display: inline-block;
  color: #00A19F;
  font-family: 'PictosRegular';
  font-size: 16px;
  margin: 0 0 0 5px;
}
.block-add-extra-motivation.original-new .description,
.block-buy-weigh-in-tokens.original-new .description {
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 16px;
  color: #000;
  margin: 2px 0 0;
}
/* slimmer version */
.block-add-extra-motivation.slimmer-new {
  background: url("/images/separators/long-separator-w1060.png") no-repeat scroll 100% 0 transparent;
  margin: 13px 0 0;
  padding: 8px 25px 8px 0;
}
.block-add-extra-motivation.slimmer-new .description {
  display: inline-block;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 14px;
}
.block-add-extra-motivation.slimmer-new .description strong {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
.block-add-extra-motivation.slimmer-new .bg-image {
  display: inline-block;
  background: url("/images/game/icons/extra-motivation-icon-33x34.png") no-repeat scroll 0 0 transparent;
  width: 33px;
  height: 34px;
  margin: 0 10px;
  vertical-align: middle;
}
.block-add-extra-motivation.slimmer-new #btn-add-motivation {
  display: inline-block;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
/* -------- ADD EXTRA MOTIVATION BLOCK END -------- */
/*--------- PRESS/EMAIL BLOCK BEGIN ------------*/
#press-email-content h3 {
  color: #000;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  margin: 10px 0 5px;
  font-size: 19px;
  line-height: 24px;
}
#press-email-content.page-block > .block-content {
  clear: both;
  margin: 0 auto;
  width: 964px;
  height: 100%;
}
#press-email-content.page-block {
  padding: 0;
}
#press-email-content {
  margin: 30px 0;
}
#press-email-content td {
  background: url("/images/landing-pages/press-email-separator.png") no-repeat scroll right center transparent;
}
#press-email-content .press-content {
  width: 340px;
  padding-right: 20px;
}
#press-email-content .iphone-app-content {
  width: 505px;
  padding-right: 45px;
}
#press-email-content .iphone-app-content .app-screenshot {
  float: right;
  background: url("/images/landing-pages/app-screenshoot-iphone5c.png") no-repeat scroll right bottom transparent;
  width: 198px;
  height: 113px;
  margin: 5px -5px 0 -12px;
}
#press-email-content .email-content {
  background: none;
  padding-left: 45px;
  width: 369px;
}
#press-email-content .email-content h3 {
  margin-left: 0;
}
#press-email-content .logos {
  float: left;
  margin-top: 10px;
}
#press-email-content .logo {
  float: left;
  height: 50px;
  margin-right: 3px;
}
#press-email-content .app-download-link {
  display: inline-block;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 14px;
  margin: 7px 0;
}
#download-ios-app.app-download-link,
#download-android-app.app-download-link {
  border: 1px solid teal;
  padding: 5px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  float: left;
}
#download-ios-app.app-download-link {
  margin-right: 20px;
}
#press-email-content .app-store-logo {
  background: url("/images/landing-pages/app-store.png") no-repeat scroll 0 0 transparent;
  width: 71px;
  height: 24px;
  text-indent: -9999px;
  display: block;
  float: right;
  margin-top: 85px;
}
#press-email-content .notes {
  display: block;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 14px;
  color: #999;
  line-height: 22px;
  -webkit-text-size-adjust: 100%;
}
#press-email-content .email-content .notes {
  margin-left: 0;
}
#press-email-content #formJoinGameRequest {
  margin-top: 5px;
}
#press-email-content #formJoinGameRequest .form-field {
  float: left;
  margin: 0;
  width: auto;
}
#press-email-content #formJoinGameRequest_email_field {
  width: 180px;
}
#press-email-content #formJoinGameRequest_submit_field {
  width: 110px;
}
#press-email-content #formJoinGameRequest_email {
  border: 1px solid #AEAAA3;
  box-shadow: 0 1px 5px #C9C9C7 inset;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 16px;
  padding: 5px 12px 5px 10px;
  height: 24px;
  width: 223px;
}
#press-email-content #formJoinGameRequest_email:-moz-placeholder {
  font-style: normal;
}
#press-email-content #formJoinGameRequest_email::-webkit-input-placeholder {
  font-style: normal;
}
#press-email-content .join-game-request-succes {
  display: none;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 20px;
  color: #F2883A;
  text-align: left;
}
.long-separator {
  background: url("/images/separators/long-separator-w1060.png") no-repeat scroll center center transparent;
  height: 1px;
  display: block;
  margin: 20px 0;
}
.long-separator.page-block {
  padding: 0;
}
/*--------- PRESS/EMAIL BLOCK END --------------*/
/*----------- Alert Bar For Blogging BEGIN -------------*/
.alert-bar-link {
  color: #fff;
  font-family: 'Averta-Semibold-500';
  text-decoration: underline;
}
/*----------- Alert Bar For Blogging END ---------------*/
/* -------- RESET STYLES -------- */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: none;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* -------- BASE STYLES -------- */
/**
 * @license
 * MyFonts Webfont Build ID 2938179, 2014-12-11T11:44:06-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: MuseoSans-700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/700/
 * 
 * Webfont: MuseoSans-300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/300/
 * 
 * Webfont: MuseoSans-900Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/900-italic/
 * 
 * Webfont: MuseoSans-500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/500/
 * 
 * Webfont: MuseoSans-100 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/100/
 * 
 * Webfont: MuseoSans-700Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/700-italic/
 * 
 * Webfont: MuseoSans-300Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/300-italic/
 * 
 * Webfont: MuseoSans-100Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/100-italic/
 * 
 * Webfont: MuseoSans-500Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/500-italic/
 * 
 * Webfont: MuseoSans-900 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/900/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2938179
 * Licensed pageviews: 500,000
 * Webfonts copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * 
 * © 2014 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
/*MuseoSansLessFile*/
@font-face {
  font-family: 'MuseoSans-700';
  src: url('/images/fonts/museo-sans/2CD543_0_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_0_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_0_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_0_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'MuseoSans-300';
  src: url('/images/fonts/museo-sans/2CD543_1_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_1_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_1_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_1_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_1_0.ttf') format('truetype');
}
@font-face {
  font-family: 'MuseoSans-900Italic';
  src: url('/images/fonts/museo-sans/2CD543_2_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_2_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_2_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_2_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_2_0.ttf') format('truetype');
}
@font-face {
  font-family: 'MuseoSans-500';
  src: url('/images/fonts/museo-sans/2CD543_3_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_3_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_3_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_3_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_3_0.ttf') format('truetype');
}
@font-face {
  font-family: 'MuseoSans-100';
  src: url('/images/fonts/museo-sans/2CD543_4_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_4_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_4_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_4_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_4_0.ttf') format('truetype');
}
@font-face {
  font-family: 'MuseoSans-700Italic';
  src: url('/images/fonts/museo-sans/2CD543_5_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_5_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_5_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_5_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_5_0.ttf') format('truetype');
}
@font-face {
  font-family: 'MuseoSans-300Italic';
  src: url('/images/fonts/museo-sans/2CD543_6_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_6_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_6_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_6_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_6_0.ttf') format('truetype');
}
@font-face {
  font-family: 'MuseoSans-100Italic';
  src: url('/images/fonts/museo-sans/2CD543_7_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_7_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_7_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_7_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_7_0.ttf') format('truetype');
}
@font-face {
  font-family: 'MuseoSans-500Italic';
  src: url('/images/fonts/museo-sans/2CD543_8_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_8_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_8_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_8_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_8_0.ttf') format('truetype');
}
@font-face {
  font-family: 'MuseoSans-900';
  src: url('/images/fonts/museo-sans/2CD543_9_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_9_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_9_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_9_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_9_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Museo Sans Thin';
  src: url('/images/fonts/museo-sans/2CD543_4_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_4_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_4_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_4_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_4_0.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Museo Sans Thin';
  src: url('/images/fonts/museo-sans/2CD543_4_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_4_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_4_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_4_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_4_0.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Museo Sans Thin';
  src: url('/images/fonts/museo-sans/2CD543_4_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_4_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_4_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_4_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_4_0.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Museo Sans Thin';
  src: url('/images/fonts/museo-sans/2CD543_3_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_3_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_3_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_3_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_3_0.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Museo Sans Thin';
  src: url('/images/fonts/museo-sans/2CD543_3_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_3_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_3_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_3_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_3_0.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Museo Sans Thin';
  src: url('/images/fonts/museo-sans/2CD543_3_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_3_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_3_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_3_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_3_0.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Museo Sans Thin';
  src: url('/images/fonts/museo-sans/2CD543_7_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_7_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_7_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_7_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_7_0.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Museo Sans Thin';
  src: url('/images/fonts/museo-sans/2CD543_7_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_7_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_7_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_7_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_7_0.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Museo Sans Thin';
  src: url('/images/fonts/museo-sans/2CD543_7_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_7_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_7_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_7_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_7_0.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Museo Sans Thin';
  src: url('/images/fonts/museo-sans/2CD543_8_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_8_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_8_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_8_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_8_0.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Museo Sans Thin';
  src: url('/images/fonts/museo-sans/2CD543_8_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_8_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_8_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_8_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_8_0.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Museo Sans Thin';
  src: url('/images/fonts/museo-sans/2CD543_8_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_8_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_8_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_8_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_8_0.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Museo Sans Regular';
  src: url('/images/fonts/museo-sans/2CD543_4_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_4_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_4_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_4_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_4_0.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Museo Sans Regular';
  src: url('/images/fonts/museo-sans/2CD543_1_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_1_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_1_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_1_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_1_0.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Museo Sans Regular';
  src: url('/images/fonts/museo-sans/2CD543_1_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_1_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_1_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_1_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_1_0.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Museo Sans Regular';
  src: url('/images/fonts/museo-sans/2CD543_3_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_3_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_3_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_3_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_3_0.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Museo Sans Regular';
  src: url('/images/fonts/museo-sans/2CD543_0_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_0_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_0_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_0_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_0_0.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Museo Sans Regular';
  src: url('/images/fonts/museo-sans/2CD543_0_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_0_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_0_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_0_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_0_0.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Museo Sans Regular';
  src: url('/images/fonts/museo-sans/2CD543_7_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_7_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_7_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_7_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_7_0.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Museo Sans Regular';
  src: url('/images/fonts/museo-sans/2CD543_6_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_6_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_6_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_6_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_6_0.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Museo Sans Regular';
  src: url('/images/fonts/museo-sans/2CD543_6_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_6_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_6_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_6_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_6_0.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Museo Sans Regular';
  src: url('/images/fonts/museo-sans/2CD543_8_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_8_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_8_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_8_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_8_0.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Museo Sans Regular';
  src: url('/images/fonts/museo-sans/2CD543_5_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_5_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_5_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_5_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_5_0.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Museo Sans Regular';
  src: url('/images/fonts/museo-sans/2CD543_5_0.eot');
  src: url('/images/fonts/museo-sans/2CD543_5_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-sans/2CD543_5_0.woff2') format('woff2'), url('/images/fonts/museo-sans/2CD543_5_0.woff') format('woff'), url('/images/fonts/museo-sans/2CD543_5_0.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
/**
 * @license
 * MyFonts Webfont Build ID 2966571, 2015-02-05T10:19:50-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: MuseoSlab-1000Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/1000-italic/
 * 
 * Webfont: MuseoSlab-100 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/100/
 * 
 * Webfont: MuseoSlab-700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/700/
 * 
 * Webfont: MuseoSlab-900 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/900/
 * 
 * Webfont: MuseoSlab-300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/300/
 * 
 * Webfont: MuseoSlab-1000 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/1000/
 * 
 * Webfont: MuseoSlab-500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/500/
 * 
 * Webfont: MuseoSlab-300Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/300-italic/
 * 
 * Webfont: MuseoSlab-700Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/700-italic/
 * 
 * Webfont: MuseoSlab-500Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/500-italic/
 * 
 * Webfont: MuseoSlab-900Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/900-italic/
 * 
 * Webfont: MuseoSlab-100Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/100-italic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2966571
 * Licensed pageviews: 500,000
 * Webfonts copyright: Copyright (c) 2009 by Jos Buivenga. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'MuseoSlab-700';
  src: url('/images/fonts/museo-slab/2D442B_2_0.eot');
  src: url('/images/fonts/museo-slab/2D442B_2_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-slab/2D442B_2_0.woff2') format('woff2'), url('/images/fonts/museo-slab/2D442B_2_0.woff') format('woff'), url('/images/fonts/museo-slab/2D442B_2_0.ttf') format('truetype');
}
@font-face {
  font-family: 'MuseoSlab-900';
  src: url('/images/fonts/museo-slab/2D442B_3_0.eot');
  src: url('/images/fonts/museo-slab/2D442B_3_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-slab/2D442B_3_0.woff2') format('woff2'), url('/images/fonts/museo-slab/2D442B_3_0.woff') format('woff'), url('/images/fonts/museo-slab/2D442B_3_0.ttf') format('truetype');
}
@font-face {
  font-family: 'MuseoSlab-300';
  src: url('/images/fonts/museo-slab/2D442B_4_0.eot');
  src: url('/images/fonts/museo-slab/2D442B_4_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-slab/2D442B_4_0.woff2') format('woff2'), url('/images/fonts/museo-slab/2D442B_4_0.woff') format('woff'), url('/images/fonts/museo-slab/2D442B_4_0.ttf') format('truetype');
}
@font-face {
  font-family: 'MuseoSlab-700Italic';
  src: url('/images/fonts/museo-slab/2D442B_8_0.eot');
  src: url('/images/fonts/museo-slab/2D442B_8_0.eot?#iefix') format('embedded-opentype'), url('/images/fonts/museo-slab/2D442B_8_0.woff2') format('woff2'), url('/images/fonts/museo-slab/2D442B_8_0.woff') format('woff'), url('/images/fonts/museo-slab/2D442B_8_0.ttf') format('truetype');
}
@font-face {
  font-family: 'SketchBlockBold';
  src: url('/images/fonts/sketch-block/sketchblockbold-webfont.eot');
  src: url('/images/fonts/sketch-block/sketchblockbold-webfont.eot?#iefix') format('embedded-opentype'), url('/images/fonts/sketch-block/sketchblockbold-webfont.woff2') format('woff2'), url('/images/fonts/sketch-block/sketchblockbold-webfont.woff') format('woff'), url('/images/fonts/sketch-block/sketchblockbold-webfont.ttf') format('truetype'), url('/images/fonts/sketch-block/sketchblockbold-webfont.svg#sketchblockbold-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'WisdomScriptRegular';
  src: url('/images/fonts/wisdom-script/wisdom_script_aj-webfont.eot');
  src: url('/images/fonts/wisdom-script/wisdom_script_aj-webfont.eot?#iefix') format('embedded-opentype'), url('/images/fonts/wisdom-script/wisdom_script_aj-webfont.woff2') format('woff2'), url('/images/fonts/wisdom-script/wisdom_script_aj-webfont.woff') format('woff'), url('/images/fonts/wisdom-script/wisdom_script_aj-webfont.ttf') format('truetype'), url('/images/fonts/wisdom-script/wisdom_script_aj-webfont.svg#wisdom_scriptregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ShadowsIntoLightRegular';
  src: url('/images/fonts/shadows-into-light/shadows_into_light_regular-webfont.eot');
  src: url('/images/fonts/shadows-into-light/shadows_into_light_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/images/fonts/shadows-into-light/shadows_into_light_regular-webfont.woff2') format('woff2'), url('/images/fonts/shadows-into-light/shadows_into_light_regular-webfont.woff') format('woff'), url('/images/fonts/shadows-into-light/shadows_into_light_regular-webfont.ttf') format('truetype'), url('/images/fonts/shadows-into-light/shadows_into_light_regular-webfont.svg#shadows_into_lightregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ShadowsIntoLightTwoRegular';
  src: url('/images/fonts/shadows-into-light/shadowsintolighttwo-regular-webfont.eot');
  src: url('/images/fonts/shadows-into-light/shadowsintolighttwo-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/images/fonts/shadows-into-light/shadowsintolighttwo-regular-webfont.woff2') format('woff2'), url('/images/fonts/shadows-into-light/shadowsintolighttwo-regular-webfont.woff') format('woff'), url('/images/fonts/shadows-into-light/shadowsintolighttwo-regular-webfont.ttf') format('truetype'), url('/images/fonts/shadows-into-light/shadowsintolighttwo-regular-webfont.svg#shadows_into_light_tworegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-Thin.eot');
  src: url('/images/fonts/averta/Averta-Thin.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-Thin.woff') format('woff'), url('/images/fonts/averta/Averta-Thin.woff2') format('woff2'), url('/images/fonts/averta/Averta-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Averta Extrathin';
  src: url('/images/fonts/averta/Averta-ExtrathinItalic.eot');
  src: url('/images/fonts/averta/Averta-ExtrathinItalic.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-ExtrathinItalic.woff') format('woff'), url('/images/fonts/averta/Averta-ExtrathinItalic.woff2') format('woff2'), url('/images/fonts/averta/Averta-ExtrathinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Averta Extrathin';
  src: url('/images/fonts/averta/Averta-Extrathin.eot');
  src: url('/images/fonts/averta/Averta-Extrathin.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-Extrathin.woff') format('woff'), url('/images/fonts/averta/Averta-Extrathin.woff2') format('woff2'), url('/images/fonts/averta/Averta-Extrathin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-SemiboldItalic.eot');
  src: url('/images/fonts/averta/Averta-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-SemiboldItalic.woff') format('woff'), url('/images/fonts/averta/Averta-SemiboldItalic.woff2') format('woff2'), url('/images/fonts/averta/Averta-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-LightItalic.eot');
  src: url('/images/fonts/averta/Averta-LightItalic.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-LightItalic.woff') format('woff'), url('/images/fonts/averta/Averta-LightItalic.woff2') format('woff2'), url('/images/fonts/averta/Averta-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-Semibold.eot');
  src: url('/images/fonts/averta/Averta-Semibold.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-Semibold.woff') format('woff'), url('/images/fonts/averta/Averta-Semibold.woff2') format('woff2'), url('/images/fonts/averta/Averta-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Averta-Semibold-500';
  src: url('/images/fonts/averta/Averta-Semibold.eot');
  src: url('/images/fonts/averta/Averta-Semibold.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-Semibold.woff') format('woff'), url('/images/fonts/averta/Averta-Semibold.woff2') format('woff2'), url('/images/fonts/averta/Averta-Semibold.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-RegularItalic.eot');
  src: url('/images/fonts/averta/Averta-RegularItalic.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-RegularItalic.woff') format('woff'), url('/images/fonts/averta/Averta-RegularItalic.woff2') format('woff2'), url('/images/fonts/averta/Averta-RegularItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-Regular.eot');
  src: url('/images/fonts/averta/Averta-Regular.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-Regular.woff') format('woff'), url('/images/fonts/averta/Averta-Regular.woff2') format('woff2'), url('/images/fonts/averta/Averta-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Averta-Regular-300';
  src: url('/images/fonts/averta/Averta-Regular.eot');
  src: url('/images/fonts/averta/Averta-Regular.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-Regular.woff') format('woff'), url('/images/fonts/averta/Averta-Regular.woff2') format('woff2'), url('/images/fonts/averta/Averta-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-ThinItalic.eot');
  src: url('/images/fonts/averta/Averta-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-ThinItalic.woff') format('woff'), url('/images/fonts/averta/Averta-ThinItalic.woff2') format('woff2'), url('/images/fonts/averta/Averta-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-ExtraBold.eot');
  src: url('/images/fonts/averta/Averta-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-ExtraBold.woff') format('woff'), url('/images/fonts/averta/Averta-ExtraBold.woff2') format('woff2'), url('/images/fonts/averta/Averta-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Averta-ExtraBold-800';
  src: url('/images/fonts/averta/Averta-ExtraBold.eot');
  src: url('/images/fonts/averta/Averta-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-ExtraBold.woff') format('woff'), url('/images/fonts/averta/Averta-ExtraBold.woff2') format('woff2'), url('/images/fonts/averta/Averta-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-BoldItalic.eot');
  src: url('/images/fonts/averta/Averta-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-BoldItalic.woff') format('woff'), url('/images/fonts/averta/Averta-BoldItalic.woff2') format('woff2'), url('/images/fonts/averta/Averta-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Averta-BoldItalic';
  src: url('/images/fonts/averta/Averta-BoldItalic.eot');
  src: url('/images/fonts/averta/Averta-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-BoldItalic.woff') format('woff'), url('/images/fonts/averta/Averta-BoldItalic.woff2') format('woff2'), url('/images/fonts/averta/Averta-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-BlackItalic.eot');
  src: url('/images/fonts/averta/Averta-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-BlackItalic.woff') format('woff'), url('/images/fonts/averta/Averta-BlackItalic.woff2') format('woff2'), url('/images/fonts/averta/Averta-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-Light.eot');
  src: url('/images/fonts/averta/Averta-Light.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-Light.woff') format('woff'), url('/images/fonts/averta/Averta-Light.woff2') format('woff2'), url('/images/fonts/averta/Averta-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Averta-Light-300';
  src: url('/images/fonts/averta/Averta-Light.eot');
  src: url('/images/fonts/averta/Averta-Light.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-Light.woff') format('woff'), url('/images/fonts/averta/Averta-Light.woff2') format('woff2'), url('/images/fonts/averta/Averta-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-Bold.eot');
  src: url('/images/fonts/averta/Averta-Bold.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-Bold.woff') format('woff'), url('/images/fonts/averta/Averta-Bold.woff2') format('woff2'), url('/images/fonts/averta/Averta-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Averta-Bold';
  src: url('/images/fonts/averta/Averta-Bold.eot');
  src: url('/images/fonts/averta/Averta-Bold.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-Bold.woff') format('woff'), url('/images/fonts/averta/Averta-Bold.woff2') format('woff2'), url('/images/fonts/averta/Averta-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-Black.eot');
  src: url('/images/fonts/averta/Averta-Black.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-Black.woff') format('woff'), url('/images/fonts/averta/Averta-Black.woff2') format('woff2'), url('/images/fonts/averta/Averta-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Averta-Black-900';
  src: url('/images/fonts/averta/Averta-Black.eot');
  src: url('/images/fonts/averta/Averta-Black.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-Black.woff') format('woff'), url('/images/fonts/averta/Averta-Black.woff2') format('woff2'), url('/images/fonts/averta/Averta-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Averta';
  src: url('/images/fonts/averta/Averta-ExtraBoldItalic.eot');
  src: url('/images/fonts/averta/Averta-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/images/fonts/averta/Averta-ExtraBoldItalic.woff') format('woff'), url('/images/fonts/averta/Averta-ExtraBoldItalic.woff2') format('woff2'), url('/images/fonts/averta/Averta-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}
/**********************************
 LAYOUT
*********************************/
body {
  margin: 0;
  font-family: 'Averta-Light-300', 'Helvetica', 'Tahoma', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Averta-Regular-300', 'Helvetica', 'Tahoma', sans-serif;
  font-weight: normal;
  -webkit-text-size-adjust: 100%;
}
a:active {
  outline: none;
}
.link,
a.link {
  color: #00A19F;
  white-space: nowrap;
  text-decoration: none;
}
.link:hover,
a.link:hover {
  text-decoration: underline;
}
.ulink,
a.ulink {
  color: #00A19F;
  white-space: nowrap;
  text-decoration: underline;
}
.ulink:hover,
a.ulink:hover {
  text-decoration: none;
}
a.underline {
  color: #000;
  text-decoration: underline;
}
a.underline:hover {
  color: #00A19F;
}
a,
a:visited {
  color: #00A19F;
  vertical-align: baseline;
}
a {
  text-decoration: none;
}
ul,
ol,
nav ul {
  list-style: none outside none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input[type="text"],
input[type="password"],
input[type="submit"],
button,
textarea,
select {
  outline: none;
}
b,
strong {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
/* -------- GENERAL CLASSES BEGIN -------- */
.wauto {
  width: auto;
}
.right {
  float: right;
}
.left {
  float: left;
}
.center,
.btn-wrp.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.block {
  display: block;
}
.inline-block {
  vertical-align: top;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.full-width {
  width: 100%;
}
.clear {
  clear: both;
}
br.clear {
  clear: both;
  line-height: 0px;
}
.i {
  font-family: 'PictosRegular';
  font-weight: normal;
}
a,
.form-cancel,
.form-submit,
.ui-button,
.btn {
  cursor: pointer;
  /*added hand pointer cursor to all links and buttons*/
  outline: none;
}
.strikethrough-weight {
  text-decoration: line-through;
}
.text-bold {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
.icon-help {
  font-family: 'PictosRegular';
  font-size: 16px;
}
.orange-text {
  color: #E0821F;
}
.handwrite-text {
  font-family: 'ShadowsIntoLightRegular' !important;
  font-weight: normal;
}
.asterisk {
  font-size: 1em;
}
.ie7 .asterisk,
.ie8 .asterisk {
  font-size: 1.2em;
}
a.help {
  font-family: 'PictosRegular';
  font-size: 16px;
  color: #00A19F;
  margin: 0 0 0 5px;
}
.div-centering-container {
  float: right;
  right: 50%;
  position: relative;
}
.div-centering-container > div,
.div-centering-container > ul {
  float: right;
  right: -50%;
  position: relative;
}
/* -------- GENERAL CLASSES END -------- */
.card-list {
  clear: both;
}
.card-list .card {
  padding: 10px;
  border: 1px solid #ccc;
  float: left;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  background-color: #fff;
  position: relative;
}
.card-list .card:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.card-list .card:hover:active {
  background: #eee;
}
.card-list .card .card-thumb {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
}
.card-list .card .card-thumb img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.card-list .card h4 {
  font-size: 16px;
  line-height: 20px;
  color: #333;
}
.card-list .card .card-info {
  margin: 10px 0 0;
  padding: 0 3px;
  font-size: 13px;
  display: block;
  color: #333;
  height: 60px;
}
.card-list .user-card .card-info {
  text-align: center;
  height: 80px;
}
/**********************************
 LISTS
*********************************/
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
  display: block;
}
.media a.media-heading {
  display: block;
}
.media:first-child {
  margin-top: 0;
}
.media .media-heading {
  color: #00A19F;
  text-decoration: none;
}
.media .media-heading:hover {
  text-decoration: underline;
}
.media .media-thumb {
  margin-right: 10px;
  position: relative;
  float: left;
}
.media .media-thumb:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.media-list .media,
.media-list .media .media {
  margin-top: 25px;
  border-top: 1px solid #eee;
  padding-top: 25px;
}
.media-list .media:first-child,
.media-list .media .media:first-child {
  padding-top: 0;
  border-top: 0;
  margin-top: 0;
}
.media-heading {
  margin: 2px 0 0;
}
.media-list,
.card-list {
  padding-left: 0;
  list-style: none;
}
.pagination {
  margin-top: 20px;
}
.pagination a {
  float: left;
  font-size: 24px;
  padding: 15px 25px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0);
}
.pagination a:hover {
  text-decoration: none;
  background: #eee;
  border: 1px solid #eee;
}
.pagination a.active {
  background-color: #eee;
  border: 1px solid #ccc;
}
.main-container main .pagination .last-page,
.main-container main .pagination .first-page,
.main-container main .pagination .prev-page,
.main-container main .pagination .next-page {
  background: transparent;
}
/*----------- Alert Bar For Blogging BEGIN -------------*/
.alert {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: block;
  padding: 10px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  margin-bottom: 15px;
  font-family: 'Averta-Light-300';
  font-size: 15px;
}
.alert.nav-alert {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 15px 0px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
}
.alert .icon-close {
  position: absolute;
  right: 10px;
}
/*----------- Alert Bar For Blogging END ---------------*/
.handwritten {
  font-family: 'ShadowsIntoLightRegular';
}
.text-shadow {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.box-shadow {
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.inset-shadow {
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.orange {
  color: #d6450a;
}
.purple {
  color: #b20e8d;
}
.teal {
  color: #00A19F;
}
.green {
  color: #49A078;
}
.white,
a.white:visited {
  color: #fff;
}
.bg-purple {
  background: #b20e8d;
  color: #fff;
}
.bg-teal {
  background: #00A19F;
  color: #fff;
}
.bg-orange {
  background: #d6450a;
  color: #fff;
}
.bg-green {
  background: #49A078;
  color: #fff;
}
.border-purple {
  border: 2px solid #b20e8d;
  background: #fff;
  color: #b20e8d;
}
.border-teal {
  border: 2px solid #00A19F;
  background: #fff;
  color: #00A19F;
}
.border-orange {
  border: 2px solid #d6450a;
  background: #fff;
  color: #d6450a;
}
.border-green {
  border: 2px solid #49A078;
  background: #fff;
  color: #49A078;
}
.full-width {
  width: 100%;
}
/* -------- USER PROFILE PICTURE BEGIN -------- */
.profile-img {
  border: 1px solid #ccc;
  padding: 3px;
  line-height: 0;
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.02);
  background: url("/images/user-profile-thumb.jpg") no-repeat scroll center center / cover;
}
.profile-img .profile-img-bg {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background-repeat: none;
  background-position: center center;
}
.profile-img.no-border {
  padding: 0px;
}
.profile-img.no-background {
  background: #fff;
}
.profile-img.icon {
  margin-right: 10px;
}
.profile-img.icon {
  height: 25px;
  width: 25px;
}
.profile-img.small {
  height: 38px;
  width: 38px;
}
.profile-img.medium {
  height: 52px;
  width: 52px;
}
.profile-img.big {
  height: 88px;
  width: 88px;
}
.profile-img.smallpreview {
  height: 150px;
  width: 150px;
}
.profile-img.small .profile-img-bg .fa {
  font-size: 24px;
  line-height: 38px;
  color: #999;
}
.profile-img.small .profile-img-bg .fa.fa-inbox {
  margin-left: 2px;
}
.profile-img.medium {
  -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.02);
}
.profile-img-wrap {
  display: inline-block;
}
.profile-img-wrap.medium {
  width: 77px;
  margin: 0;
}
.profile-img-wrap.mvp.medium {
  background: url("/images/game/standings-mvp-bg-large.png") no-repeat scroll 0 0 transparent;
  height: 107px;
}
.profile-img-wrap.round-white-border .profile-img-bg {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.profile-img-wrap.round-white-border .profile-img.medium {
  padding: 0px;
  -webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0px 7px rgba(0, 0, 0, 0.3);
  border: 3px solid white;
}
.profile-img-wrap.round-white-border .profile-img.small {
  padding: 0px;
  -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
  border: 3px solid white;
}
.profile-img-wrap.square-no-border .profile-img,
.profile-img-wrap.square-no-border .profile-img-bg {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.game-standings-wrap .profile-img-wrap.square-no-border.mvp .profile-img,
.game-standings-wrap .profile-img-wrap.square-no-border.mvp .profile-img-bg,
.game-standings-wrap .mvp-user .profile-img,
.game-standings-wrap .mvp-user .profile-img-bg {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.game-standings-wrap #standings-overview .top-user.mvp-user .profile-img {
  margin: 8px 0 0 2px;
}
.game-standings-wrap #standings-overview .mvp-user .profile-img,
.game-standings-wrap #friends-standings-overview .mvp-user .profile-img {
  margin: 3px 0 0 2px;
}
.game-standings-wrap .profile-img-wrap.square-no-border.mvp .profile-img {
  margin: 8px 0 0 12px;
}
.profile-img-wrap.square-no-border .profile-img {
  padding: 0px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.profile-img-wrap.square-no-border .profile-img:hover {
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.profile-link {
  clear: both;
  display: block;
  float: left;
  padding: 10px 0;
}
.profile-link .profile-img {
  float: left;
  margin: -10px 15px -10px 0;
}
.profile-link .profile-name {
  display: inline;
  vertical-align: middle;
  font-family: 'Averta-Semibold-500';
  font-size: 13px;
  font-weight: normal;
  color: #2F2F2F;
}
/* -------- USER PROFILE PICTURE END -------- */
.emojione {
  height: 1em;
}
@media only screen and (min-width: 500px) and (max-width: 960px) {
  /* force tablets to show a page wider then the screen size */
  body {
    min-width: 1010px;
  }
}
/* -------- BASE STYLES -------- */
a:hover {
  text-decoration: underline;
}
a.btn-wrp,
a.btn-wrap {
  text-decoration: none;
}
main.pull-left {
  width: 65%;
  padding: 0;
  margin: 0px 5% 0px 0px;
  float: left;
}
main.full-width {
  width: 100%;
  margin: 0px;
  float: none;
}
.right-sidebar {
  width: 30%;
  float: left;
}
.main-container {
  padding: 40px 40px 0;
}
@media only screen and (max-width: 992px) {
  main.pull-left .card-list .card {
    margin-right: 4%;
    width: 48%;
  }
  main.pull-left .card-list .card:nth-child(even) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 500px) and (max-width: 960px) {
  main.pull-left .card-list .card {
    margin-right: 4%;
    width: 48%;
  }
  main.pull-left .card-list .card:nth-child(even) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  main.pull-left .card-list .card {
    margin-right: 3%;
    width: 31%;
  }
  main.pull-left .card-list .card:nth-child(3n+3) {
    margin-right: 0;
    width: 31%;
  }
}
@media only screen and (min-width: 500px) and (max-width: 960px) {
  main.full-width .card-list .card {
    margin-right: 3%;
    width: 31%;
  }
  main.full-width .card-list .card:nth-child(3n+3) {
    margin-right: 0;
    width: 31%;
  }
}
@media only screen and (min-width: 992px) {
  main.full-width .card-list .card {
    margin-right: 4%;
    width: 22%;
  }
  main.full-width .card-list .card:nth-child(3n+3) {
    margin-right: 4%;
  }
  main.full-width .card-list .card:nth-child(4n+4) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  main.full-width .card-list .card {
    margin-right: 3%;
    width: 17.5%;
  }
  main.full-width .card-list .card:nth-child(3n+3) {
    margin-right: 3%;
  }
  main.full-width .card-list .card:nth-child(4n+4) {
    margin-right: 3%;
  }
  main.full-width .card-list .card:nth-child(5n+5) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 500px) and (max-width: 960px), only screen and (min-width: 992px), only screen and (min-width: 1200px) {
  main.full-width.container-width .card-list .card {
    margin-right: 3%;
    width: 31%;
  }
  main.full-width.container-width .card-list .card:nth-child(3n+3) {
    margin-right: 0;
    width: 31%;
  }
}
@media only screen and (min-width: 991px) {
  .pagination a {
    padding: 10px 15px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 500px) and (max-width: 960px) {
  .pagination a {
    padding: 10px 15px;
    font-size: 18px;
  }
}
/**********************************
 SIDEBAR
*********************************/
aside.module {
  padding: 15px 15px 10px;
  border: 1px solid #ccc;
  margin-top: 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
aside.module:first-child {
  margin-top: 10px;
}
aside.module .module-header {
  margin-top: -31px;
}
aside.module .module-header h4 {
  background: #fff;
  color: #333;
  text-align: center;
  font-family: 'ShadowsIntoLightRegular';
  font-size: 22px;
  padding: 0 10px 10px 10px;
}
@media only screen and (min-width: 500px) and (max-width: 960px) {
  aside.module .module-header h4 {
    font-size: 20px;
  }
}
aside.module .module-content {
  font-size: 14px;
  line-height: 22px;
  word-wrap: break-word;
  color: #333;
  clear: both;
}
aside.module .module-ctas {
  font-size: 13px;
  margin-top: 15px;
}
aside.module .module-ctas .module-left-cta {
  float: left;
  color: #999;
}
aside.module .module-ctas .module-right-cta {
  float: right;
}
aside.module .community-blogs-links {
  margin: 20px 0px 0px;
}
aside.module .link-see-all {
  float: right;
  font-family: 'Averta-Light-300';
  font-size: 13px;
}
.sidebar-media .media {
  margin-top: 15px;
}
.sidebar-media .media-heading {
  font-size: 16px;
  margin-top: 1px;
}
@media only screen and (min-width: 500px) and (max-width: 960px) {
  .sidebar-media .media-heading {
    font-size: 14px;
  }
}
.sidebar-media span {
  font-size: 12px;
}
.sidebar-media:first-child {
  margin-top: 5px;
}
.sidebar-media .media-thumb {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
@media only screen and (min-width: 500px) and (max-width: 960px) {
  .sidebar-media .media-thumb {
    width: 45px;
    height: 45px;
  }
}
/* ------- COLUMNS BEGIN -------- */
.column2,
.form-new-flex.form div.column2 {
  width: 47%;
  margin-right: 6%;
}
.column2:nth-child(2n),
.form-new-flex.form div.column2:nth-child(2n) {
  margin-right: 0px;
}
.column3,
.form-new-flex.form div.column3 {
  width: 30%;
  margin-right: 5%;
}
.column3:nth-child(3n),
.form-new-flex.form div.column3:nth-child(3n) {
  margin-right: 0px;
}
.column23,
.form-new-flex.form div.column23 {
  width: 61%;
  margin-right: 5%;
}
.column4,
.form-new-flex.form div.column4 {
  width: 21.25%;
  margin-right: 5%;
}
.column4:nth-child(4n),
.form-new-flex.form div.column4:nth-child(4n) {
  margin-right: 0px;
}
.column5,
.form-new-flex.form div.column5 {
  width: 17.6%;
  margin-right: 3%;
}
.column5:nth-child(5n),
.form-new-flex.form div.column5:nth-child(5n) {
  margin-right: 0px;
}
@media only screen and (min-width: 500px) and (max-width: 960px) {
  .column5,
  .form-new-flex.form div.column5 {
    width: 31.33333333%;
    margin-right: 3%;
  }
  .column5:nth-child(3n),
  .form-new-flex.form div.column5:nth-child(3n) {
    margin-right: 0px;
  }
}
/* ------- COLUMNS end -------- */
/* -------- HEADER STYLES -------- */
nav#header-nav {
  position: fixed;
  position: -webkit-sticky;
  top: 0;
  z-index: 10000;
}
#header-flyout-container {
  position: fixed;
  position: -webkit-sticky;
  margin: 0 auto;
  position: relative;
  z-index: 9999;
}
#mobile-page-body.pay-bet-page #header-content {
  padding: 0;
}
#mobile-page-body.pay-bet-page .page-wrap-white {
  border-radius: 0;
}
#header-content {
  color: #fff;
  padding: 30px 20px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  word-wrap: break-word;
  font-family: 'Averta-Semibold-500';
  font-size: 14px;
  line-height: 24px;
}
#header-content h1 {
  word-wrap: break-word;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 34px;
  line-height: 40px;
  margin: 0px;
}
#header-content h2 {
  word-wrap: break-word;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 22px;
  line-height: 30px;
  margin: 0px;
}
#header-content p {
  margin: 5px 0;
}
/******* LOGIN LINKS **********/
#header-login-links li,
#header-login-links li a {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.1em;
  height: 62px;
  line-height: 62px;
  margin: 0;
  padding: 0;
  text-transform: none;
  width: auto;
  color: #333;
}
#header-login-links li:hover,
#header-login-links li a:hover {
  color: #00A19F;
}
#header-login-links {
  float: right;
}
#header-login-links .separator {
  display: none;
}
#big-news-banner-container {
  position: relative;
  text-align: center;
  width: 100%;
  height: 75px;
}
#big-news-banner-container.stepbet-green-ad {
  background-color: #48A278;
  background-image: none;
  height: 60px;
}
#big-news-banner-container a {
  margin: 0px auto;
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 999;
}
/* ------- HEADER NAV END -------- */
nav#top-nav {
  background: none repeat scroll 0 0 #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  height: 72px;
  width: 100%;
  position: absolute;
  z-index: 10000;
}
nav#top-nav.new-nav.logged-out {
  top: 0px;
}
#nav-placeholder {
  width: 100%;
  height: 72px;
}
#top-nav-content,
.main-container,
#header-content {
  max-width: 1040px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 1010px;
}
#top-nav-content #header-logo {
  background-image: url("/images/dietbet.svg");
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 100%;
  text-indent: -2000px;
  width: 110px;
}
#top-nav-content {
  padding: 10px 20px 0;
  height: 52px;
}
@media only screen and (min-width: 500px) and (max-width: 960px) {
  nav#top-nav {
    min-width: 1010px;
  }
  #top-nav-content {
    max-width: 1010px;
  }
}
#header-nav-right {
  height: 63px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
}
#header-nav-right .dropdown-placeholder {
  float: left;
  margin-left: 10px;
}
#header-nav-right .dropdown-placeholder .profile-img {
  margin-top: 32px / 2;
  background: transparent;
}
/* ------- HEADER NAV BEGIN -------- */
#navbar {
  float: right;
}
#header-nav {
  display: block;
  float: left;
  margin-right: 10px;
}
.new-nav #header-nav-left {
  height: 59px;
}
#header-nav-left a {
  display: inline-block;
  color: #333;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  padding: 0 20px;
  font-size: 16px;
  line-height: 64px;
  text-decoration: none;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
#header-nav-left a:hover {
  color: #00A19F;
}
#header-nav-left .active a {
  color: #00A19F;
  border-bottom: 4px solid #00A19F;
}
#header-flyout-container .flyout {
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  position: absolute;
  top: 39px;
}
#notifications-menu-container.notification-bg-v2,
#profile-nav-menu-container.notification-bg-v2 {
  top: 72px;
}
#header-flyout-container ul {
  width: 720px;
  float: right;
}
#header-flyout-container .submenu-see-all {
  text-align: center;
  font-size: 14px;
  margin-bottom: 0 !important;
}
#games-nav-menu li.submenu-see-all {
  margin: -10px 0px 15px 0px !important;
}
#games-nav-menu .submenu-top {
  margin-bottom: 10px;
}
#header-flyout-container .see-all-games {
  font-size: 14px;
  color: #999;
}
#header-flyout-container #community-nav-menu .submenu-right li {
  line-height: 0;
}
#header-flyout-container #community-nav-menu .submenu-right a {
  line-height: 20px;
}
#header-flyout-container #community-nav-menu .submenu-right a:hover {
  color: #00A19F;
}
#header-flyout-container #community-nav-menu .submenu-right {
  min-height: 150px;
}
#header-flyout-container #community-nav-menu .submenu-right .submenu-no-results {
  margin-top: 5px;
  line-height: 30px;
  width: 90%;
  word-break: normal;
}
#header-flyout-container .header-nav-submenu li.submenu-no-results:hover {
  color: #000;
  cursor: auto;
}
#header-flyout-container #games-how-it-works-menu.header-nav-submenu {
  width: 140px;
}
#header-flyout-container #games-how-it-works-menu.header-nav-submenu .submenu-top {
  width: 140px;
}
#header-flyout-container .submenu-item-description {
  font-family: 'Averta-Light-300';
  font-size: 12px;
  line-height: normal;
  padding-top: 5px;
}
#games-how-it-works-menu .submenu-top li {
  line-height: normal;
  margin: 12px 0;
}
.header-thumb-container {
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.5);
  float: left;
  padding: 5px;
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.5);
}
.header-thumb {
  height: 145px;
  width: 145px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#header-nav-right .dropdown-placeholder,
#header-nav-left .dropdown-placeholder {
  display: inline-block;
  text-align: right;
  height: 100%;
  padding-bottom: 4px;
}
#header-nav-left .dropdown-placeholder {
  margin: 0px;
}
#header-nav-left li.hover.active a {
  border-bottom-color: transparent;
}
#header-nav-left .dropdown-placeholder.hover,
#header-nav-right .dropdown-placeholder.hover {
  background: url("/images/nav-active-tab.png") no-repeat scroll center 62px transparent;
  border-bottom-color: transparent;
}
#header-nav-right.notification-menu-v2 .dropdown-placeholder.hover {
  background: url("/images/nav-active-tab.png") no-repeat scroll center 52px transparent;
}
/* ------- HEADER NAV END -------- */
/* -------- USER DROPDOWN BEGIN -------- */
#profile-nav-name {
  color: #000;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  margin: 16px 0 13px 15px;
  padding: 0;
  width: auto;
}
#profile-nav-name .down-arrow {
  font-size: 0.67em;
}
#profile-nav-menu {
  display: none;
  width: 150px;
  left: auto;
}
#game-subheader #profile-nav-menu.right-menu {
  right: auto;
}
#pg-home #profile-nav-menu.right-menu,
#landing-page #profile-nav-menu.right-menu {
  left: auto;
}
#profile-nav-menu li {
  display: block;
  padding: 10px 0 10px 10px;
  font-size: 16px;
  line-height: 16px;
  margin: 0;
}
#profile-nav-menu .player-games-filters {
  padding-left: 0;
}
#profile-nav-menu .player-games-filters .filter {
  font-family: 'Averta-Semibold-500';
  display: inline-block;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
}
#profile-nav-menu .player-games-filters .filter.active {
  background: none repeat scroll 0 0 #00A19F;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #fff;
}
#profile-nav-menu li.game-list {
  background: url("/images/sign-up/new-design/player-nav-menu-shadow.png") no-repeat scroll center bottom transparent;
  margin-bottom: 10px;
  padding: 0 10px 7px;
}
#profile-nav-menu .game-list li {
  line-height: 16px;
  margin-bottom: 15px;
  padding: 0;
}
#profile-nav-menu li.game-list a {
  font-size: 14px;
  color: #41B3B8;
  font-family: 'Averta-Light-300';
}
#profile-nav-menu .game-list ol {
  border-bottom: 1px solid #C5C5C5;
  display: none;
}
#profile-nav-menu .game-list #player-active-games {
  display: block;
}
#profile-nav-menu li.game-list span {
  font-family: 'MyriadProRegular';
  color: #999;
}
#profile-nav-menu li.last,
#profile-nav-menu li.game-list li.last {
  border-bottom: none;
}
#profile-nav-menu ol {
  margin: 0px;
}
#profile-nav-menu a {
  color: #000;
}
#profile-nav-menu a:hover {
  color: #00A19F;
}
#profile-nav-menu a.strong {
  font-weight: bold;
}
body header.container {
  overflow: visible;
}
/* -------- USER DROPDOWN END -------- */
/* -------- NOTIFICATIONS DROPDOWN BEGIN -------- */
#notifications-nav {
  position: relative;
}
.notifications-counter {
  background-color: #d03e0c;
  border-radius: 100%;
  color: #fff;
  display: block;
  font-family: 'Averta-Light-300';
  font-size: 10px;
  height: 15px;
  line-height: 16px;
  padding: 3px 1px;
  position: absolute;
  right: -7px;
  text-align: center;
  top: 0;
  min-width: 20px;
}
#notifications-nav-menu {
  display: none;
  padding: 20px 20px 5px 20px;
  width: 380px;
}
#notifications-nav-menu .notifications-header {
  border-bottom: 1px solid #ccc;
}
#notifications-nav-menu .read-all {
  color: #00A19F;
  float: right;
  font-size: 12px;
}
#notifications-nav-menu li {
  margin: 0;
}
#notifications-nav-menu .notification {
  border-bottom: 1px solid #ccc;
  display: block;
  float: left;
  font-family: 'Averta-Light-300';
  font-size: 14px;
  padding: 10px 0;
  width: 100%;
}
#notifications-nav-menu .notification a {
  color: #00A19F;
}
#notifications-nav-menu .notification .text {
  line-height: 20px;
  padding-left: 40px;
}
#notifications-nav-menu .footer {
  color: #00A19F;
  text-align: center;
}
#notifications-nav-menu .footer a {
  padding: 15px 0px 10px;
}
#notifications-nav-menu .notification-item {
  width: 100%;
  padding: 0;
  border: none;
}
#notifications-nav-menu .notification-type {
  display: inline-block;
  float: left;
  padding-left: 15px;
}
#notifications-nav-menu .notification-text {
  color: #000;
  display: block;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  margin-left: 15px;
  padding-left: 35px;
  word-wrap: break-word;
}
#notifications-nav-menu .notification-date {
  color: #999;
  display: block;
}
#notifications-nav-menu .red-dot {
  background-color: #d03e0c;
  border-radius: 100%;
  display: inline-block;
  float: left;
  height: 7px;
  margin-right: -7px;
  margin-top: 10px;
  width: 7px;
}
/* -------- NOTIFICATIONS DROPDOWN END -------- */
.header-nav-submenu li {
  color: #333;
}
.header-nav-submenu li a {
  color: inherit;
  text-decoration: none;
  color: #333;
  font-family: 'Averta-Semibold-500';
  font-size: 16px;
}
#notifications-nav.notification-counter .profile-img-bg {
  text-align: center;
  line-height: 40px;
  font-size: 24px;
  background: transparent;
}
#header-nav-right .profile-img-bg:hover {
  background-color: #eee;
  cursor: default;
}
#notifications-nav.notification-counter .profile-img-bg:active {
  background-color: #00A19F;
  border: 1px solid #00A19F;
  color: #fff;
  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.header-nav-submenu {
  background: white;
  border: 1px solid #ccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: none;
  left: auto;
  padding: 20px 20px 15px 25px;
  position: absolute;
  width: 180px;
  z-index: 9990;
}
#games-nav-menu.header-nav-submenu {
  width: 220px;
  top: 33px;
}
#games-nav-menu.header-nav-submenu .submenu-bottom,
#games-nav-menu.header-nav-submenu .submenu-top {
  width: 100%;
}
#community-nav-menu {
  top: 33px;
}
.header-nav-submenu.wide-submenu {
  width: 380px;
  padding-right: 35px;
}
.header-nav-submenu .submenu-bottom,
.header-nav-submenu .submenu-top {
  width: 120px;
  display: block;
  float: left;
  word-wrap: break-word;
}
.header-nav-submenu .submenu-top {
  border-bottom: 1px solid #ccc;
}
.loged-out-nav .header-nav-submenu .submenu-top {
  border-bottom: none;
}
.header-nav-submenu li.submenu-block-title {
  color: #666;
  font-size: 12px;
  line-height: 14px !important;
}
.header-nav-submenu li.submenu-block-title:hover {
  color: #666;
}
#notifications-nav-menu.header-nav-submenu li a {
  max-width: none;
  display: inline;
}
.header-nav-submenu li a {
  line-height: 17px;
  max-width: 220px;
}
.header-nav-submenu li:hover,
.header-nav-submenu li a:hover,
.header-nav-submenu li p:hover {
  color: #00A19F;
  cursor: pointer;
}
.header-nav-submenu .submenu-right {
  width: 195px;
  display: block;
  float: right;
  border-left: 1px solid #ccc;
  padding-left: 35px;
  word-break: break-all;
}
.header-nav-submenu .active a {
  background-color: #00A19F;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #fff;
  padding: 0 10px;
  line-height: 24px;
  height: 23px;
  margin-left: -10px;
}
.header-nav-submenu li {
  display: block;
  font-family: 'Averta-Semibold-500';
  font-size: 16px;
  text-align: left;
  margin: 10px 0;
  color: #333;
}
.header-nav-submenu a {
  background-color: inherit;
  color: inherit;
  display: inline-block;
}
.header-nav-submenu li.no-hover:hover {
  color: #000;
  cursor: default;
}
.header-nav-submenu li.no-hover {
  color: #000;
}
/*--------- NEW NAV TOP BEGIN ----------*/
#top-nav.new-nav {
  font-family: 'Averta-Light-300';
  -webkit-box-shadow: none;
  box-shadow: none;
}
#top-nav.new-nav #header-logo {
  font-size: 44px;
  color: #fff;
  text-align: center;
  text-indent: 0;
  text-decoration: none;
  background-image: url("/images/dietbet.svg");
  width: 130px;
  height: 95px;
  background-position: center 8px;
}
#top-nav.new-nav #header-nav-left a {
  border: none;
  line-height: 50px;
  font-size: 17px;
}
#top-nav.new-nav #header-nav-left .active.hover a {
  border-bottom: 7px solid transparent;
}
#top-nav.new-nav #header-nav a {
  font-family: 'Averta-Light-300';
  height: 55px;
}
#top-nav.new-nav #waybetter-company {
  font-size: 12px;
  line-height: 40px;
  cursor: default;
  color: #000;
}
#top-nav.new-nav #waybetter-company span {
  font-size: 8px;
  line-height: 65px;
  vertical-align: top;
}
#top-nav.new-nav #link-log-in {
  font-family: 'Averta-Light-300';
  color: #00A19F;
  font-size: 17px;
}
#top-nav.new-nav.homepage-logged-out {
  border-bottom: none;
}
.logo-text-container {
  box-sizing: border-box;
  max-width: 1040px;
  min-width: 800px;
  margin: 0 auto;
  position: relative;
}
#top-nav.logged-out {
  box-shadow: none;
  position: relative;
  display: inline-block;
  border-bottom: none;
}
#top-nav.logged-out #header-logo {
  height: 80px;
  line-height: 60px;
  font-size: 40px;
  float: none;
  margin: 0 auto;
  background-size: inherit;
  padding-bottom: 5px;
  background-position: center 10px;
}
#top-nav.logged-out #nav-placeholder {
  height: 0;
}
#top-nav.logged-out #header-login-links {
  margin-top: -85px;
}
/*---------- NEW NAV TOP END -----------*/
/* -------- TAB STYLES -------- */
/**********************************
 TABS
*********************************/
.flat-tabs {
  padding-left: 0px;
  margin-bottom: 20px;
  position: relative;
}
.flat-tabs:before,
.flat-tabs:after {
  content: " ";
  display: table;
}
.flat-tabs:after {
  clear: both;
}
.flat-tabs .tab {
  float: left;
  margin-bottom: -1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 10px;
}
.flat-tabs .tab.tab-right {
  float: right;
}
.flat-tabs .tab:nth-child(1) {
  margin-left: 0;
}
.flat-tabs .tab-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.flat-tabs .tab > a {
  display: block;
  border-bottom: 1px solid #00A19F;
  text-align: center;
  color: #00A19F;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  padding: 10px 19px 8px;
  white-space: nowrap;
  overflow: hidden;
}
.flat-tabs .tab > a:hover {
  background-color: #00A19F;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  text-decoration: none;
  color: #fff;
}
.flat-tabs .tab a.selected,
.flat-tabs .tab.ui-state-active a {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  color: #fff;
  background-color: #00A19F;
}
.flat-tabs .tab > a.disabled:hover {
  border-bottom-color: rgba(0, 0, 0, 0);
}
.flat-tabs.outlined .tab {
  margin-bottom: 0px;
}
.flat-tabs.outlined .tab.dropdown a.selected,
.flat-tabs.outlined .tab.dropdown.ui-state-active a {
  color: #000;
  background: #eee;
}
.flat-tabs.outlined .tab > a {
  padding-top: 15px;
  padding-bottom: 15px;
}
.flat-tabs.outlined .tab > a:hover {
  background: #eee;
  border-bottom: 0px;
}
.flat-tabs.outlined .tab a.selected,
.flat-tabs.outlined .tab.ui-state-active a {
  color: #fff;
  background: #00A19F;
}
.dropdown-container {
  position: relative;
}
.flat-tabs.right-tabs .tab {
  float: left;
}
.flat-tabs.right-tabs .tab-list {
  float: right;
}
.flat-tabs-vertical .tab > a {
  padding: 20px;
  color: #333;
  display: block;
  position: relative;
  border-left: 3px solid rgba(0, 0, 0, 0);
}
.flat-tabs-vertical .tab > a i {
  position: absolute;
  right: 13px;
  top: 24px;
  display: none;
  font-size: 13px;
}
.flat-tabs-vertical .tab > a:hover {
  text-decoration: none;
  border-left: 3px solid #ccc;
}
.flat-tabs-vertical .tab > a:hover i {
  display: initial;
  color: #ccc;
}
.flat-tabs-vertical .tab a.selected,
.flat-tabs-vertical .tab.ui-state-active a {
  background: #00A19F;
  color: #fff;
  border-left: 3px solid #00A19F;
}
.flat-tabs-vertical .tab a.selected i,
.flat-tabs-vertical .tab.ui-state-active a i {
  color: #fff;
  display: initial;
}
.flat-tabs-vertical .tab a.selected:hover,
.flat-tabs-vertical .tab.ui-state-active a:hover {
  border-left: 3px solid #ccc;
}
.flat-tabs-vertical .tab > a.disabled:hover {
  border-left-color: rgba(0, 0, 0, 0);
}
.tab.dropdown {
  position: relative;
}
.filters-dropdown {
  background: none repeat scroll 0 0 #fff;
  background-color: #eee;
  border: 1px solid #ccc;
  display: none;
  left: auto;
  position: absolute;
  right: 0px;
  top: 38px;
  width: 290px;
  z-index: 9999;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
}
.filters-dropdown .option {
  display: block;
  font-size: 24px;
  font-family: 'Averta-Light-300';
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  color: #000;
  margin: -2px 0 0 0;
  padding: 0 15px;
  border-bottom: 1px solid #fff;
  clear: both;
  height: 44px;
  line-height: 46px;
  overflow: hidden;
}
.filters-dropdown .option a {
  width: 100%;
  display: block;
  color: inherit;
}
.filters-dropdown .option span {
  width: 100%;
  display: block;
  color: inherit;
}
.filters-dropdown .option span.hide,
.filters-dropdown .option span.show {
  display: inline;
}
.filters-dropdown .option:hover {
  cursor: pointer;
  background-color: #ccc;
  border-bottom: none;
}
.filters-dropdown .option i {
  float: right;
  color: #999;
  line-height: 44px;
}
.filters-dropdown .option.checked i {
  color: #00A19F;
}
.filters-dropdown .option.disabled i {
  color: #999;
}
.filters-dropdown .dropdown-title {
  color: #666;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
/* -------- BUTTONS STYLES -------- */
/**********************************
 BUTTONS
*********************************/
.btn-wrp {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-family: 'Averta-Light-300';
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 36px;
  height: 36px;
  text-align: center;
  white-space: nowrap;
  /* patch for jqury-ui buttons */
}
.btn-wrp input,
input.btn-wrp,
button.btn-wrp,
a.btn-wrp {
  padding: 0px 20px;
}
a.icon-left.btn-wrp,
button.icon-left.btn-wrp {
  padding-left: 0px;
}
a.icon-right.btn-wrp,
button.icon-right.btn-wrp {
  padding-right: 0px;
}
.btn-wrp .ui-button-text {
  display: block;
  width: 100%;
}
.btn-wrp input {
  padding: 0px 20px;
  background-color: transparent;
  margin: 0px;
  border: 0px none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  color: inherit;
  width: 100%;
}
.btn-wrp input[type=file] {
  opacity: 0 !important;
  width: 100%;
  height: 100%;
  margin: 0px !important;
  padding: 0px !important;
  border: none !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.btn-wrp.icon-left input,
.btn-wrp.icon-right input {
  margin: 0 0 0 -40px;
  padding: 0 20px 0 40px;
}
.btn-wrp.icon-left .bg-icon,
.btn-wrp.icon-right .bg-icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 5px 0 15px;
}
.btn-wrp.icon-left .fa,
.btn-wrp.icon-right .fa {
  display: inline-block;
  margin: 0 5px 0 15px;
  vertical-align: baseline;
  line-height: inherit;
  width: 20px;
  text-align: center;
}
.btn-wrp.icon-right input {
  margin: 0 -40px 0 0;
  padding: 0 40px 0 20px;
}
.btn-wrp.icon-right .fa,
.btn-wrp.icon-right .bg-icon {
  margin: 0 15px 0 5px;
}
.btn-wrp.icon-center .fa,
.btn-wrp.icon-center .bg-icon {
  margin: 0 15px 0 15px;
}
.btn-wrp.active:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.btn-wrp.btn-small {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
}
.btn-wrp.btn-small .fa {
  font-size: 12px;
}
.btn-wrp.btn-small.icon-left input {
  margin: 0 0 0 -30px;
  padding: 0 10px 0 30px;
}
.btn-wrp.btn-small.icon-left .fa {
  margin: 0 0px 0 5px;
}
.btn-wrp.btn-small.icon-right input {
  margin: 0 -30px 0 0;
  padding: 0 30px 0 10px;
}
.btn-wrp.btn-small.icon-right .fa {
  margin: 0 5px 0 0px;
}
.btn-wrp.btn-small.icon-center .fa,
.btn-wrp.btn-small.icon-center .bg-icon {
  margin: 0 5px 0 5px;
}
.btn-wrp.btn-large {
  font-size: 18px;
  line-height: 44px;
  height: 46px;
  font-family: 'Averta-Semibold-500';
}
.btn-wrp.btn-large.icon-left input {
  margin: 0 0 0 -50px;
  padding: 0 30px 0 50px;
}
.btn-wrp.btn-large.icon-left .fa {
  margin: 0 5px 0 15px;
}
.btn-wrp.btn-large.icon-right input {
  margin: 0 -50px 0 0;
  padding: 0 50px 0 30px;
}
.btn-wrp.btn-large.icon-right .fa {
  margin: 0 15px 0 5px;
}
.btn-wrp.btn-xlarge {
  font-size: 20px;
  line-height: 48px;
  height: 50px;
}
.btn-wrp.btn-round {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.btn-wrp.btn-orange {
  background: #d6450a;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b42300), color-stop(1, #d6450a));
  background: -ms-linear-gradient(bottom, #b42300, #d6450a);
  background: -moz-linear-gradient(center bottom, #b42300 0%, #d6450a 100%);
  background: -o-linear-gradient(#d6450a, #b42300);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6450a', endColorstr='#b42300', GradientType=0);
  border: 1px solid #d6450a;
  color: white;
  text-shadow: 0 -1px 0 #ab581b;
}
.btn-wrp.btn-orange input,
.btn-wrp.btn-orange button {
  text-shadow: 0 -1px 0 #ab581b;
}
.btn-wrp.btn-orange:hover,
.btn-wrp.btn-orange.disabled,
.btn-wrp.btn-orange.active {
  background: #b42300;
}
.btn-wrp.btn-yellow {
  background: #FFC142;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd9f20), color-stop(1, #FFC142));
  background: -ms-linear-gradient(bottom, #dd9f20, #FFC142);
  background: -moz-linear-gradient(center bottom, #dd9f20 0%, #FFC142 100%);
  background: -o-linear-gradient(#FFC142, #dd9f20);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC142', endColorstr='#dd9f20', GradientType=0);
  border: 1px solid #FFC142;
  color: white;
}
.btn-wrp.btn-yellow:hover,
.btn-wrp.btn-yellow.disabled,
.btn-wrp.btn-yellow.active {
  background: #dd9f20;
}
.btn-wrp.btn-teal {
  background: #00A19F;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #007f7d), color-stop(1, #00A19F));
  background: -ms-linear-gradient(bottom, #007f7d, #00A19F);
  background: -moz-linear-gradient(center bottom, #007f7d 0%, #00A19F 100%);
  background: -o-linear-gradient(#00A19F, #007f7d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A19F', endColorstr='#007f7d', GradientType=0);
  border: 1px solid #00A19F;
  color: white;
}
.btn-wrp.btn-teal:hover,
.btn-wrp.btn-teal.disabled,
.btn-wrp.btn-teal.active {
  background: #007f7d;
}
.btn-wrp.btn-dark-teal {
  background: #05dcd6;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00bab4), color-stop(1, #05dcd6));
  background: -ms-linear-gradient(bottom, #00bab4, #05dcd6);
  background: -moz-linear-gradient(center bottom, #00bab4 0%, #05dcd6 100%);
  background: -o-linear-gradient(#05dcd6, #00bab4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05dcd6', endColorstr='#00bab4', GradientType=0);
  border: 1px solid #05dcd6;
  color: white;
}
.btn-wrp.btn-dark-teal:hover,
.btn-wrp.btn-dark-teal.disabled,
.btn-wrp.btn-dark-teal.active {
  background: #00bab4;
}
.btn-wrp.btn-green {
  background: #49A078;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #277e56), color-stop(1, #49A078));
  background: -ms-linear-gradient(bottom, #277e56, #49A078);
  background: -moz-linear-gradient(center bottom, #277e56 0%, #49A078 100%);
  background: -o-linear-gradient(#49A078, #277e56);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49A078', endColorstr='#277e56', GradientType=0);
  border: 1px solid #49A078;
  color: white;
}
.btn-wrp.btn-green:hover,
.btn-wrp.btn-green.disabled,
.btn-wrp.btn-green.active {
  background: #277e56;
}
.btn-wrp.btn-purple {
  background: #b20e8d;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #90006b), color-stop(1, #b20e8d));
  background: -ms-linear-gradient(bottom, #90006b, #b20e8d);
  background: -moz-linear-gradient(center bottom, #90006b 0%, #b20e8d 100%);
  background: -o-linear-gradient(#b20e8d, #90006b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20e8d', endColorstr='#90006b', GradientType=0);
  border: 1px solid #b20e8d;
  color: white;
}
.btn-wrp.btn-purple:hover,
.btn-wrp.btn-purple.disabled,
.btn-wrp.btn-purple.active {
  background: #90006b;
}
.btn-wrp.btn-fb-blue {
  background: #4F6AA3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2d4881), color-stop(1, #4F6AA3));
  background: -ms-linear-gradient(bottom, #2d4881, #4F6AA3);
  background: -moz-linear-gradient(center bottom, #2d4881 0%, #4F6AA3 100%);
  background: -o-linear-gradient(#4F6AA3, #2d4881);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4F6AA3', endColorstr='#2d4881', GradientType=0);
  border: 1px solid #4F6AA3;
  color: white;
}
.btn-wrp.btn-fb-blue:hover,
.btn-wrp.btn-fb-blue.disabled,
.btn-wrp.btn-fb-blue.active {
  background: #2d4881;
}
.btn-wrp.btn-apple-black {
  background: #000;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #222222), color-stop(1, #000));
  background: -ms-linear-gradient(bottom, #222222, #000);
  background: -moz-linear-gradient(center bottom, #222222 0%, #000 100%);
  background: -o-linear-gradient(#000, #222222);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#222222', GradientType=0);
  border: 1px solid #000;
  color: white;
}
.btn-wrp.btn-apple-black:hover,
.btn-wrp.btn-apple-black.disabled,
.btn-wrp.btn-apple-black.active {
  background: #222222;
}
.btn-wrp.btn-google-white {
  background: #FFF;
  border: 0.06667rem solid #b5bdc1;
  color: #4c585f;
}
.btn-wrp.btn-google-white:hover,
.btn-wrp.btn-google-white.disabled,
.btn-wrp.btn-google-white.active {
  background: #b5bdc1;
}
.btn-wrp.btn-google-white .bg-icon-google {
  display: inline-block;
  height: 32px;
  overflow: hidden;
  vertical-align: text-bottom;
}
.btn-wrp.btn-tw-blue {
  background: #76C4F3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #54a2d1), color-stop(1, #76C4F3));
  background: -ms-linear-gradient(bottom, #54a2d1, #76C4F3);
  background: -moz-linear-gradient(center bottom, #54a2d1 0%, #76C4F3 100%);
  background: -o-linear-gradient(#76C4F3, #54a2d1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76C4F3', endColorstr='#54a2d1', GradientType=0);
  border: 1px solid #76C4F3;
  color: white;
}
.btn-wrp.btn-tw-blue:hover,
.btn-wrp.btn-tw-blue.disabled,
.btn-wrp.btn-tw-blue.active {
  background: #54a2d1;
}
.btn-wrp.btn-gray {
  background: #fff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dddddd), color-stop(1, #fff));
  background: -ms-linear-gradient(bottom, #dddddd, #fff);
  background: -moz-linear-gradient(center bottom, #dddddd 0%, #fff 100%);
  background: -o-linear-gradient(#fff, #dddddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dddddd', GradientType=0);
  border: 1px solid #ccc;
  color: #333;
}
.btn-wrp.btn-gray:hover,
.btn-wrp.btn-gray.disabled,
.btn-wrp.btn-gray.active {
  background: #dddddd;
}
.btn-wrp.btn-white {
  background: #fff;
  border: 1px solid #00A19F;
  color: #00A19F;
  font-family: 'Averta-Semibold-500';
  text-decoration: none;
}
.btn-wrp.btn-white:hover {
  background-color: #00A19F;
  color: #fff;
}
.btn-wrp.btn-flat-square {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  cursor: pointer;
  font-family: 'Averta-Light-300';
  text-shadow: none;
}
.btn-wrp.btn-flat-square input,
.btn-wrp.btn-flat-square button {
  text-shadow: none;
}
.btn-wrp.btn-outlined {
  background: #fff;
}
.btn-wrp.btn-outlined:hover {
  background-color: #00A19F;
  color: #fff;
}
.btn-wrp.btn-outlined.btn-teal {
  border: 1px solid #00A19F;
  color: #00A19F;
  background: white;
}
.btn-wrp.btn-outlined.btn-teal:hover {
  background: #00A19F;
  color: #fff;
}
.btn-wrp.btn-inverse {
  background: transparent;
  border: 1px solid #fff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  color: #fff;
}
.btn-wrp.btn-inverse.btn-dark-teal:hover {
  color: #05dcd6;
  background: #fff;
}
.btn-flat-square.btn-orange {
  background: #d6450a;
}
.btn-flat-square.btn-orange:hover,
.btn-flat-square.btn-orange.active {
  background: #f9a380;
  border-color: #f9a380;
}
.btn-flat-square.btn-orange.disabled {
  background: #999;
  border-color: #999;
}
.btn-flat-square.btn-yellow {
  background: #FFC142;
}
.btn-flat-square.btn-yellow:hover,
.btn-flat-square.btn-yellow.active {
  background: #F2AB17;
}
.btn-flat-square.btn-yellow.disabled {
  background: #999;
  border-color: #999;
}
.btn-flat-square.btn-teal {
  background: #00A19F;
}
.btn-flat-square.btn-teal:hover,
.btn-flat-square.btn-teal.active {
  background: #05dcd6;
  border-color: #05dcd6;
}
.btn-flat-square.btn-teal.disabled {
  background: #999;
  border-color: #999;
}
.btn-flat-square.btn-dark-teal {
  background: #05dcd6;
}
.btn-flat-square.btn-dark-teal:hover,
.btn-flat-square.btn-dark-teal.active {
  background: #00bab4;
}
.btn-flat-square.btn-dark-teal.disabled {
  background: #999;
  border-color: #999;
}
.btn-flat-square.btn-green {
  background: #49A078;
}
.btn-flat-square.btn-green:hover,
.btn-flat-square.btn-green.active {
  background: #438F6B;
  border-color: #438F6B;
}
.btn-flat-square.btn-green.disabled {
  background: #999;
  border-color: #999;
}
.btn-flat-square.btn-purple {
  background: #b20e8d;
}
.btn-flat-square.btn-purple:hover,
.btn-flat-square.btn-purple.active {
  background: #f366d3;
  border-color: #f366d3;
}
.btn-flat-square.btn-purple.disabled {
  background: #999;
  border-color: #999;
}
.btn-flat-square.btn-gray {
  color: #333;
  background: #eee;
}
.btn-flat-square.btn-gray:hover,
.btn-flat-square.btn-gray.active {
  background: #ccc;
}
.btn-flat-square.btn-gray.disabled {
  background: #999;
  border-color: #999;
}
.btn-flat-square.btn-fb-blue {
  background: #4F6AA3;
}
.btn-flat-square.btn-apple-black {
  background: #000;
}
.btn-flat-square.btn-tw-blue {
  background: #76C4F3;
}
.bg-icon.bg-icon-photo {
  background: url("/images/buttons/icons/black-photo-icon.png") no-repeat scroll 100% 0 transparent;
  float: right;
  margin: 13px 0 0 10px;
  width: 21px;
}
/* -------- BTN WRAPPER BEGIN -------- */
.btn-wrap {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: pointer;
  overflow: visible;
  white-space: nowrap;
  height: 40px;
}
.btn-wrap .bgl,
.btn-wrap .bgc,
.btn-wrap .bgr {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: top;
  background-color: transparent;
}
.btn-wrap .bgc,
.btn-wrap .bgc input,
.btn-wrap .bgc button {
  background-color: transparent;
  float: none !important;
  font-weight: bold;
  margin: 0px;
  text-indent: 0;
  text-align: center;
  width: auto;
  border: 0px none;
  overflow: hidden;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding: 0px;
}
.btn-wrap .bgc input,
.btn-wrap .bgc button {
  padding: 0px 20px;
  margin: 0px -20px;
}
.btn-wrap .bgl,
.btn-wrap .bgc,
.btn-wrap .bgr {
  background-color: transparent;
  background-repeat: no-repeat;
  overflow: visible;
}
.btn-wrap .bgl {
  background-position: 0px 0px;
}
.btn-wrap .bgc {
  background-repeat: repeat-x;
  background-position: 0 -50px;
  position: relative;
  /* force .bgc to be on top of .bgr */
  zoom: 1;
}
.btn-wrap .bgr {
  background-position: 0 -100px;
}
.btn-wrap:hover .bgl {
  background-position: 0px -150px;
}
.btn-wrap:hover .bgc {
  background-position: 0px -200px;
}
.btn-wrap:hover .bgr {
  background-position: 0px -250px;
}
.btn-wrap:active .bgl {
  background-position: 0px -300px;
}
.btn-wrap:active .bgc {
  background-position: 0px -350px;
}
.btn-wrap:active .bgr {
  background-position: 0px -400px;
}
.btn-wrap.disabled:hover .bgl,
.btn-wrap.disabled:active .bgl {
  background-position: 0px 0px;
}
.btn-wrap.disabled:hover .bgc,
.btn-wrap.disabled:active .bgc {
  background-position: 0px -50px;
}
.btn-wrap.disabled:hover .bgr,
.btn-wrap.disabled:active .bgr {
  background-position: 0px -100px;
}
.btn-wrap .bg-icon {
  height: 100%;
  margin-right: -20px;
  vertical-align: top;
  /* align top so does not depend on the text size to it's left */
  width: 45px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.ie7 .btn-wrap .bg-icon {
  vertical-align: middle;
  /* top alignment drags the title up in ie7 */
}
.btn-wrap input.bg-icon {
  margin: 0 -20px;
  padding: 0 50px 0 20px;
  width: auto;
}
.ie7 .btn-wrap .bgc button,
.ie7 .btn-wrap .bgc input {
  overflow: visible;
  /* resets the IE7 "out of the blue" padding */
}
.btn-wrap .tm {
  font-size: 1.5em;
}
/* -------- BTN WRAPPER END -------- */
/* -------- BUTTONS BEGIN -------- */
/** new gray button begin **/
.btn-gray-big-new {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: pointer;
  overflow: visible;
  white-space: nowrap;
}
.btn-gray-big-new .bgc,
.btn-gray-big-new .bgr {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: top;
  background-color: transparent;
}
.btn-gray-big-new .bgl {
  display: none;
}
.btn-gray-big-new .bgc,
.btn-gray-big-new .bgc input {
  background: transparent;
  color: #4E4E4E;
  text-shadow: 1px 1px 1px #fafafa;
  text-align: left;
  height: 38px;
  line-height: 37px;
  font-size: 16px;
  font-family: 'Averta-Light-300';
  letter-spacing: 1px;
  margin: 0px;
  padding: 0 25px;
  width: auto;
}
.btn-gray-big-new .bgc {
  background: url("/images/buttons/btn-gray-big-new.png?f=1") no-repeat scroll 0 0 transparent;
  overflow: visible;
}
.btn-gray-big-new .bgc input {
  margin: 0 -56px 0 -20px;
  padding: 0 56px 3px 20px;
  display: block;
  float: none;
  position: relative;
  /* required for the input to overflow over the .bgr */
  overflow: visible;
}
.btn-gray-big-new:hover .bgc {
  background-position: 0px -50px;
}
.btn-gray-big-new:active .bgc {
  background-position: 0px -100px;
}
.btn-gray-big-new .bgr {
  background: url("/images/buttons/btn-gray-big-new.png?f=1") no-repeat scroll 0 -150px transparent;
  height: 42px;
  width: 44px;
}
.btn-gray-big-new:hover .bgr {
  background-position: 0px -200px;
}
.btn-gray-big-new:active .bgr {
  background-position: 0px -250px;
}
.btn-gray-big-new.btn-facebook .bgr {
  background-position: 0px -150px;
}
.btn-gray-big-new.btn-facebook:hover .bgr {
  background-position: 0px -200px;
}
.btn-gray-big-new.btn-facebook:active .bgr {
  background-position: 0px -250px;
}
.btn-gray-big-new.btn-twitter .bgr {
  background-position: -50px -150px;
}
.btn-gray-big-new.btn-twitter:hover .bgr {
  background-position: -50px -200px;
}
.btn-gray-big-new.btn-twitter:active .bgr {
  background-position: -50px -250px;
}
.btn-gray-big-new.btn-health-kit .bgr {
  background-position: -550px -150px;
}
.btn-gray-big-new.btn-health-kit:hover .bgr {
  background-position: -550px -200px;
}
.btn-gray-big-new.btn-health-kit:active .bgr {
  background-position: -550px -250px;
}
.btn-gray-big-new.btn-runkeeper .bgr {
  background-position: -100px -150px;
}
.btn-gray-big-new.btn-runkeeper:hover .bgr {
  background-position: -100px -200px;
}
.btn-gray-big-new.btn-runkeeper:active .bgr {
  background-position: -100px -250px;
}
.btn-gray-big-new.btn-foursquare .bgr {
  background-position: -150px -150px;
}
.btn-gray-big-new.btn-foursquare:hover .bgr {
  background-position: -150px -200px;
}
.btn-gray-big-new.btn-foursquare:active .bgr {
  background-position: -150px -250px;
}
.btn-gray-big-new.btn-fitbit .bgr {
  background-position: -200px -150px;
}
.btn-gray-big-new.btn-fitbit:hover .bgr {
  background-position: -200px -200px;
}
.btn-gray-big-new.btn-fitbit:active .bgr {
  background-position: -200px -250px;
}
.btn-gray-big-new.btn-myfitnesspal .bgr {
  background-position: -250px -150px;
}
.btn-gray-big-new.btn-myfitnesspal:hover .bgr {
  background-position: -250px -200px;
}
.btn-gray-big-new.btn-myfitnesspal:active .bgr {
  background-position: -250px -250px;
}
.btn-gray-big-new.btn-mapmyfitness .bgr {
  background-position: -300px -150px;
}
.btn-gray-big-new.btn-mapmyfitness:hover .bgr {
  background-position: -300px -200px;
}
.btn-gray-big-new.btn-mapmyfitness:active .bgr {
  background-position: -300px -250px;
}
.btn-gray-big-new.btn-withings .bgr {
  background-position: -400px -150px;
}
.btn-gray-big-new.btn-withings:hover .bgr {
  background-position: -400px -200px;
}
.btn-gray-big-new.btn-withings:active .bgr {
  background-position: -400px -250px;
}
.btn-gray-big-new.btn-jawbone .bgr {
  background-position: -450px -150px;
}
.btn-gray-big-new.btn-jawbone:hover .bgr {
  background-position: -450px -200px;
}
.btn-gray-big-new.btn-jawbone:active .bgr {
  background-position: -450px -250px;
}
.btn-gray-big-new.btn-moves .bgr {
  background-position: -500px -150px;
}
.btn-gray-big-new.btn-moves:hover .bgr {
  background-position: -500px -200px;
}
.btn-gray-big-new.btn-moves:active .bgr {
  background-position: -500px -250px;
}
/** new gray button end **/
/* -------- BUTTONS END -------- */
/* -------- ORANGE BUTTON BACKRGOUND BEGIN -------- */
.btn-orange-big-shadow-light {
  height: 55px;
}
.btn-orange-big-shadow-light .sbgr,
.btn-orange-big-shadow-light .sbgc,
.btn-orange-big-shadow-light .sbgl {
  background-image: url(/images/buttons/btn-shadow-small.png);
  height: 43px;
  padding-bottom: 6px;
  padding-top: 6px;
}
.btn-orange-big-shadow-light .sbgr,
.btn-orange-big-shadow-light:hover .sbgr,
.btn-orange-big-shadow-light:active .sbgr {
  background-position: 0px 0px;
}
.btn-orange-big-shadow-light .sbgc,
.btn-orange-big-shadow-light:hover .sbgc,
.btn-orange-big-shadow-light:active .sbgc {
  background-position: 0px -100px;
}
.btn-orange-big-shadow-light .sbgc .btn-wrp {
  margin: 0 -27px 0px -27px;
}
.btn-orange-big-shadow-light .sbgl,
.btn-orange-big-shadow-light:hover .sbgl,
.btn-orange-big-shadow-light:active .sbgl {
  background-position: 0px -200px;
}
.btn-orange-big-shadow-light .sbgr,
.btn-orange-big-shadow-light .sbgl {
  width: 35px;
}
.btn-orange-big-shadow-light .btn-wrp.btn-large {
  height: 42px;
}
/* -------- ORANGE BUTTON BACKGROUND END -------- */
/* -------- FOOTER STYLES -------- */
/* -------- PRESS SECTION BEGIN ----------- */
/* -------- FOOTER BOTTOM BEGIN ----------- */
#footer.shadowed,
#footer {
  width: 100%;
  max-width: none;
  min-width: none;
  margin: 0 auto;
}
#footer-bottom {
  background: #05dcd6;
  padding: 50px 0px;
  border-top: 1px solid #549cac;
}
#footer-bottom .block-content {
  max-width: 960px;
  margin: 0 auto;
}
#mobile-apps {
  float: left;
}
#footer-bottom #mobile-apps h3 {
  text-align: left;
  color: #fff;
  font-size: 40px;
  font-family: 'Averta-Light-300';
}
#footer-bottom #mobile-apps p {
  text-align: left;
  color: #fff;
  font-size: 18px;
  font-family: 'Averta-Light-300';
  margin-top: 10px;
}
#mobile-apps ul {
  margin-top: 20px;
}
#mobile-apps ul li {
  display: inline;
  margin-right: 15px;
}
#footer-navigation {
  float: left;
  margin-left: 6%;
  width: 42%;
}
#footer-navigation ul {
  margin: 0px;
}
#footer-navigation ul li {
  margin: 10px 0px 0px 0px;
  padding: 0px;
  display: inline-block;
  width: 33%;
}
#footer-navigation ul li a {
  color: #fff;
  font-family: 'Averta-Light-300';
  font-size: 14px;
}
#footer-social-block {
  float: right;
}
#footer-social-block p {
  color: #fff;
  font-family: 'Averta-Light-300';
  font-size: 12px;
}
#footer-social-links {
  float: left;
  display: block;
  margin: 10px 0px 20px 0px;
  width: 100%;
  height: 23px;
}
/* -------- FOOTER BOTTOM END ----------- */
/* -------- PRESS SECTION BEGIN ----------- */
#press-section {
  background-color: #00A19F;
  padding: 50px 0px 50px 0px;
  text-align: center;
}
#press-section h2 {
  color: #fff;
  margin-top: 0;
  font-size: 40px;
  line-height: 30px;
}
#press-section ul {
  padding: 20px 0 0;
  margin: 0 auto;
  display: inline-block;
}
#press-section ul li {
  margin: 0 60px 0 0;
  padding: 0px;
  display: inline-block;
  float: left;
}
#press-section ul li.last {
  margin-right: 0;
}
#press-section .press-logo {
  height: 75px;
  background: url("/images/home/dietbetter-media.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
}
#press-section #press-today {
  width: 105px;
  background-position: 0 -13px;
}
#press-section #press-wsj {
  width: 125px;
  background-position: -112px -13px;
}
#press-section #press-abc {
  width: 166px;
  background-position: -240px -13px;
}
#press-section #press-us-weekly {
  width: 80px;
  background-position: -414px -13px;
}
#press-section #press-ny-times {
  width: 228px;
  background-position: -516px -13px;
}
/* -------- PRESS SECTION END ----------- */
.header-nav-submenu {
  background: none;
  background-color: #fff;
}
#header-nav-left .dropdown-placeholder.hover,
#header-nav-right .dropdown-placeholder.hover {
  background: url("/images/game/bg-activity-author-filter.png") no-repeat scroll center 52px transparent;
  border-bottom-color: transparent;
}
#header-nav-right.notification-menu-v2 .dropdown-placeholder.hover {
  background: url("/images/game/bg-activity-author-filter.png") no-repeat scroll center 52px transparent;
}

/*@base-font_v2_thin: 'Museo Sans Thin';
@base-font_v2_medium: 'Museo Sans Regular';*/
/*@base-font-regular: 'MuseoSans-100';
@base-font-medium: 'MuseoSans-300';
@base-font-semibold: 'MuseoSans-500';
@base-font-bold: 'MuseoSans-500';
@base-font-bolder: 'MuseoSans-700';
@handwritten-font: 'ShadowsIntoLightRegular';
@handwrittern-font-two: 'ShadowsIntoLightTwoRegular';
@cursive-font: 'WisdomScriptRegular';
@museo-slab-medium: 'MuseoSlab-300';
@museo-slab-bolder: 'MuseoSlab-700';
@museo-slab-bolder-italic: 'MuseoSlab-700Italic';
@museo-slab-extra-bold: 'MuseoSlab-900';*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
}
/* -------- FORMS BEGIN -------- */
.form .field-error {
  color: #CD0F0F;
  display: block;
  font-weight: normal;
  vertical-align: top;
  font-size: 12px;
  line-height: 16px;
}
.form .label .field-error {
  color: #CD0F0F;
  display: block;
  font-weight: normal;
  margin-left: 0px;
}
.form-field.error .textarea,
.form-field.error .textbox,
.form-field.error .textarea:focus,
.form-field.error .textbox:focus,
.form .error.textarea,
.form .error.textbox,
.form .error.textarea:focus,
.form .error.textbox:focus {
  border-color: 1px solid #FF7373;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: inherit;
}
.character-cap.error {
  color: #CD0F0F;
}
.form .form-description {
  color: #666;
  padding: 0;
  padding: 10px 0px;
}
.form-new-flex.form .form-field {
  margin: 5px 0px;
}
.form .field-html {
  display: -moz-inline-stack;
  display: inline;
  zoom: 1;
  *display: inline;
}
.form .label-help-text {
  color: #666;
  display: block;
  font-size: 13px;
  font-style: inherit;
  font-weight: normal;
}
.form .field-help-text {
  margin: 5px 0 0;
  display: block;
  font-style: inherit;
  font-weight: normal;
}
.form .textarea,
.form .textbox,
.form .file {
  outline: medium none;
  vertical-align: top;
}
.form.border-box-form .textarea,
.form.border-box-form .textbox,
.form.border-box-form .select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form .textarea:focus,
.form .textbox:focus {
  outline: none;
}
.form .textbox.disabled {
  background-color: #eee;
  color: #666;
}
.form .radio-options {
  display: block;
}
.form .radio-option {
  display: block;
  line-height: 18px;
  margin: 0 0 5px 0px;
}
.form .radio-text {
  margin: 0px 0 0;
  font-style: inherit;
  font-weight: normal;
  float: none;
}
.form .radio {
  vertical-align: top;
}
/* uniform radio and checkbox*/
.form .checkbox-field div.checker,
.form .checkbox-field div.checker input {
  float: none;
  display: inline-block;
}
.form .radio-option .radio span,
.form .radio-option .radio span input {
  float: none;
  display: block;
}
.form .element-group {
  border: none;
  padding: 0px;
}
.user-profile-main .left.column2.last-column.element-group {
  margin-left: 15px;
}
.generic-error {
  background: none repeat scroll 0 0 #ffd9d9;
  border: 1px solid #ff7373;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-family: 'Averta-Light-300';
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0px;
  padding: 10px;
}
.generic-error strong,
.generic-error b {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
.generic-message {
  background: none repeat scroll 0 0 #EEF8BC;
  border: 1px solid #9AC70D;
  font-weight: bold;
  margin: 10px;
  padding: 10px;
}
.game-message {
  background: none repeat scroll 0 0 #EEF8BC;
  border: 1px solid #9AC70D;
  font-weight: normal;
  margin: 10px;
  padding: 10px;
}
.form .submit-container .button-big {
  margin-top: 20px;
  margin-bottom: 20px;
}
.form .submit-container .button-big .bgc {
  position: relative;
  z-index: 1;
}
.form .submit-container .button-big .bgr {
  position: relative;
}
.button-big .bgc .submit-button {
  background: none no-repeat scroll 0 0 transparent;
  border: 0 solid white;
  color: white;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  margin: 0 -21px;
  outline: 0 none;
  overflow: visible;
  padding: 0 15px;
  text-align: center;
  vertical-align: top;
  font-size: 22px;
  letter-spacing: 0.05em;
  display: inline-block;
}
.button-big .bgc .submit-button:hover {
  text-decoration: none;
}
.form .privacy-statement {
  padding: 15px 0 0;
}
.form-field .short {
  width: 80px;
}
.form-field .medium {
  width: 250px;
}
.form-field .long {
  width: 450px;
}
.form .textbox.short {
  width: 80px;
}
.form select.short {
  width: 90px;
}
.form select.medium {
  width: 260px;
}
.form select.long {
  width: 460px;
}
.form textarea.medium {
  height: 60px;
  width: 250px;
}
.form textarea.long {
  height: 100px;
  width: 450px;
}
.form .requiredFieldTerm {
  text-transform: uppercase;
}
.form .fancybox-loader-overlay {
  background: url("/images/loader_apps.gif") no-repeat scroll center center white;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: auto;
  z-index: 2000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form .fancybox-loader-overlay .loader-text {
  color: #478082;
  display: block;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 28px;
  top: 50%;
  padding: 60px 0 0;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}
.modal-new .fancybox-loader-overlay {
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px;
}
.form .full-width-overlay {
  background: url("/images/loader_apps.gif") no-repeat scroll center center white;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  width: auto;
  z-index: 2000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form .full-width-overlay .loader-text {
  color: #478082;
  display: block;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 28px;
  top: 50%;
  padding: 60px 0 0;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}
.form .autoupdate-overlay {
  position: absolute;
  right: 0;
  top: 45px;
  width: auto;
  height: 50px;
  z-index: 2000;
}
.form .autoupdate-overlay.loader {
  background: url("/images/loader_apps.gif") no-repeat scroll left center transparent;
  padding: 0 0 0 60px;
}
.form .autoupdate-overlay .loader-text {
  color: #478082;
  display: block;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  white-space: nowrap;
  margin-top: 10px;
}
.ui-dialog.modal-new {
  padding-right: 20px;
  padding-left: 20px;
}
.ui-dialog.modal-new .ui-dialog-titlebar {
  background: transparent;
}
.ui-dialog.modal-new .ui-dialog-title {
  color: #000;
  text-shadow: none;
  border-bottom: 1px solid #ccc;
}
.ui-dialog.modal-new.gated-modal .form.modal-form .header-separator.large {
  background: none;
  display: block;
}
.ui-dialog.modal-new .ui-dialog-titlebar-close {
  background: url("/images/top-button-close.png") no-repeat scroll 0 0 transparent !important;
  width: 17px;
}
.ui-dialog.modal-new.modal-rebrand .ui-dialog-titlebar-close {
  background: url("/images/modals/close-gray-button.png") no-repeat scroll 0 0 / cover transparent !important;
  width: 20px;
  height: 20px;
}
/* -------- FORMS END -------- */
/* -------- SWFUPLOAD BEGIN -------- */
.swfupload-field {
  display: inline-block;
}
.swfupload-file-list {
  margin: 0 0 5px;
}
.swfupload-file-list .thumbnail {
  display: inline-block;
  float: none;
  height: 80px;
  vertical-align: top;
  width: 80px;
}
.swfupload-file-list img {
  max-width: 80px;
  max-height: 80px;
  float: left;
}
.swfupload-field .progressWrapper {
  display: none !important;
}
/* -------- SWFUPLOAD END -------- */
/* -------- placeholders begin -------- */
.form .placeholder {
  color: #999 !important;
  font-style: italic;
}
.form input::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
  color: #999 !important;
  font-style: italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999 !important;
  font-style: italic;
}
/* -------- placeholders end -------- */
/* -------- ELEMENT WIDTHS BEGIN -------- */
.form .textbox.short {
  width: 50px;
}
/* -------- ELEMENT WIDTHS END -------- */
/* -------- AJAX FORMS BEGIN -------- */
body .ui-dialog {
  float: left;
  /* modal auto width requirement */
  position: absolute;
  /* ignore designer's style, position MUST BE ABSOLUTE */
}
.ui-dialog {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.form .modal-wrapper {
  padding: 0;
  overflow: visible;
}
.form.modal-form {
  min-width: 300px;
  float: none;
  display: block;
  padding: 0 20px;
  margin: 0px;
  overflow: visible;
  text-align: left;
}
.form.modal-form .element-group {
  margin: 0;
  padding: 0;
  float: none;
  display: block;
  width: auto;
  /* IE fieldset does not work with width: 100%; */
  border: none;
  color: #000;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  text-align: left;
}
.form.modal-form .label {
  float: none;
  display: block;
  width: auto;
  color: #333;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0.025em;
  line-height: 18px;
  text-align: left;
  margin: 5px 0px 0px 0px;
}
.form.modal-form .label .field-error {
  float: right;
}
.form.modal-form .textarea,
.form.modal-form .textbox {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #DCDCDC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 1px #F0F0F0;
  -moz-box-shadow: 0 1px 1px #F0F0F0;
  -webkit-box-shadow: 0 1px 1px #F0F0F0;
  color: #666;
  width: 100%;
  margin: 0px;
  float: none;
  padding: 5px 0px;
}
.form.modal-form .textarea.disabled,
.form.modal-form .textbox.disabled {
  color: #999;
  font-style: italic;
}
.form.modal-form .field-data .textarea:not(.disabled):focus,
.form.modal-form .field-data .textbox:not(.disabled):focus {
  border-color: #00A19F;
}
/* compensate 1px border */
.form.modal-form .field-data .textarea,
.form.modal-form .field-data .textbox {
  margin-left: -1px;
  margin-right: -1px;
}
/* compensate 1px border */
.form.modal-form .form-field.error .field-data .textarea,
.form.modal-form .form-field.error .field-data .textbox,
.form.modal-form .form-field .field-data .textarea.error,
.form.modal-form .form-field .field-data .textbox.error {
  color: #CD0F0F;
  border: 1px solid #FF7373;
  box-shadow: 0 1px 2px #FF8888;
  -moz-box-shadow: 0 1px 2px #FF8888;
  -webkit-box-shadow: 0 1px 2px #FF8888;
}
.form.modal-form .form-field {
  display: block;
  float: none;
  margin: 0px 0px 15px 0px;
}
.form.modal-form .field-data {
  display: block;
  float: none;
  margin-left: 1px;
  margin-right: 1px;
  width: auto;
}
/* -------- checkboxes and radios begin -------- */
.form.modal-form .checkbox-field {
  line-height: 18px;
  text-align: left;
  margin: 5px 0px 0px 0px;
}
.form.modal-form .field-help-text {
  font-size: 13px;
}
.form.modal-form .radio-options {
  display: block;
  float: none;
  margin: 0px 0px 0px 0px;
  width: 100%;
}
.form.modal-form .radio-option {
  display: block;
  margin: 5px 0px 0px 0px;
}
.form.modal-form .radio {
  margin-left: 1px;
}
.form.modal-form .radio-text,
.form.modal-form .checkbox-text {
  display: block;
  margin: -18px 0 0 25px;
  line-height: 18px;
  text-align: left;
  font-size: 13px;
  position: static;
  color: #666;
}
.character-cap-container {
  font-family: 'Averta-Light-300';
  /* standard font, not the font-face ones (perfomance issues)*/
  font-size: 12px;
  margin: 7px 0 0;
  display: block;
  color: #999;
  text-align: right;
}
/* -------- checkboxes and radios end -------- */
/* -------- mad libs begin -------- */
.form.modal-form .mad-libs-field {
  display: inline;
  width: auto;
  margin: 0px;
  float: none;
}
.form.modal-form .mad-libs-field .label,
.form.modal-form .mad-libs-field .textbox,
.form.modal-form .mad-libs-field .textarea {
  width: auto;
  min-width: 0;
  margin: 0px;
  display: inline;
  float: none;
  vertical-align: middle;
}
.form.modal-form .mad-libs-field .textbox {
  padding: 2px 0px;
}
.form-new-flex.form .mad-libs-field .select {
  width: auto;
}
/* -------- mad libs end -------- */
.form.modal-form .form-cancel.cancel-link {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #999;
  right: 230px;
  font-family: helvetica,arial;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1em;
  margin: 10px 15px 0 0;
  outline: medium none;
  padding: 2px 0;
  text-decoration: underline;
  text-transform: none;
  position: absolute;
}
.form.modal-form div.uploader {
  background: -moz-linear-gradient(center bottom, #fff 8%, #F7F8F8 77%) repeat scroll 0 0 #fff;
  border: 1px solid #DDDDDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  overflow: hidden;
  position: relative;
  width: 97%;
  padding: 5px;
}
.form.modal-form div.uploader input {
  width: 100%;
  margin: auto 0px;
}
/* IE/FF hack that fills the uniform file input with a giant "Browse" button (IE requires you
        to press on the Browse button in order to open the file dialog)*/
.ie9 .form.modal-form div.uploader input,
.form.modal-form div.uploader input {
  width: auto;
  margin: 0px;
  position: absolute;
  right: 0px;
  left: auto !important;
  font-size: 100px;
  height: 100%;
}
.form.modal-form div.uploader span.action {
  background: none repeat scroll 0 0 #eee;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  cursor: pointer;
  display: block;
  float: left;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 10px;
  letter-spacing: 0.05em;
  overflow: hidden;
  padding: 1px 15px;
  text-transform: uppercase;
  width: 50px;
}
.form.modal-form div.uploader span.action:hover {
  background: none repeat scroll 0 0 #EFEFEF;
}
.form.modal-form div.uploader span.filename {
  border-right: medium none;
  color: #999;
  display: block;
  float: right;
  font-size: 13px;
  overflow: hidden;
  padding: 0 10px;
  width: auto;
  max-width: 220px;
}
.form.modal-form .footer-buttons {
  background: none repeat scroll 0 0 #FAFAFA;
  border-top: 1px solid #ECECEC;
  margin: 0 -20px -5px -20px;
  overflow: hidden;
  padding: 20px;
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
}
.form.modal-form .footer-buttons .form-back {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #999;
  float: right;
  font-family: helvetica,arial;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1em;
  margin: 0;
  outline: medium none;
  padding: 2px 0px;
  text-decoration: underline;
  text-transform: none;
  margin: 6px 15px 0px 0px;
}
.form.modal-form .footer-buttons .form-back:hover {
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form.modal-form .footer-buttons .form-cancel {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #999;
  float: right;
  font-family: helvetica,arial;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1em;
  margin: 6px 15px 0px 0px;
  outline: medium none;
  padding: 2px 0px;
  text-decoration: underline;
  text-transform: none;
}
/*.form.modal-form .footer-buttons .submit-button-wrp {
  float: right;
}*/
.form.modal-form .footer-buttons .btn-wrp .form-submit {
  display: inline-block;
  float: none;
}
.ui-dialog .ui-dialog-title {
  background: transparent;
  font-size: 13px;
  padding: 13px 0px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.ui-dialog-titlebar {
  background: url("/images/modals/modal-header.png") repeat-x scroll 0 -30px transparent;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border: none;
  text-align: center;
}
.form p {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 22px;
}
.form.modal-form p.small-message a,
.form.modal-form p.small-message a:visited {
  color: #666;
  font-size: 13px !important;
}
.ui-dialog-titlebar-close {
  display: block;
  width: 20px;
  height: 20px;
  background: url('/images/modals/modal-header.png') no-repeat 0 0;
  text-indent: -9999px;
  top: 10px;
  right: 10px;
}
.ui-dialog-titlebar-close:hover {
  opacity: 0.7;
}
/* -------- AJAX FORMS END -------- */
/* -------- NEW MODAL FORM BEGIN ------------- */
.modal-white.ui-dialog {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.modal-new.ui-dialog {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0 20px 20px;
}
.ui-dialog.modal-new .ui-dialog-buttonpane {
  height: auto;
  background: none;
  border-top: none;
}
.ui-dialog.modal-new .ui-dialog-titlebar {
  padding: 20px 20px 10px 0;
  border: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.ui-dialog.modal-new .ui-dialog-titlebar .ui-dialog-title {
  font-size: 30px;
  line-height: 36px;
  font-family: 'Averta-Light-300';
  border-bottom: none;
  padding: 0;
}
.ui-dialog.modal-new .form-container.ui-dialog-content {
  font-size: 15px;
  line-height: 22px;
  color: #000;
  font-family: 'Averta-Light-300';
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  background: none;
}
.modal-new .ui-dialog-titlebar {
  background: url("/images/modals/modal-header-new.png") repeat-x scroll 0 -120px transparent;
  height: auto;
}
.modal-new .ui-dialog-titlebar-close {
  background: url("/images/modals/modal-header-new.png") no-repeat scroll 0 0 transparent !important;
  height: 27px;
  width: 27px;
  top: 20px;
  right: 20px;
}
.modal-new .ui-dialog-titlebar-close:hover {
  background-position: 0 -40px;
}
.modal-new .ui-dialog-titlebar-close:active {
  background-position: 0 -80px;
}
.modal-new .ui-dialog-title {
  text-transform: none;
  padding: 15px 0 20px 0;
  font-size: 30px;
  letter-spacing: 0.05em;
}
.modal-new .form.modal-form .label {
  font-size: 18px;
  margin: 13px 0;
}
.modal-new .form.modal-form .footer-buttons {
  border: none;
  background: none repeat scroll 0 0 transparent;
  text-align: right;
}
.modal-new.no-footer-buttons .ui-dialog-buttonpane {
  display: none;
}
/*guest modal*/
.modal-new.guest-modal.fixed {
  position: fixed;
}
.modal-new.guest-modal .ui-dialog-title {
  color: #000;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 24px;
}
.modal-new.guest-modal.handwrite-title .ui-dialog-title {
  color: #000;
  font-family: 'Averta-Light-300';
  font-size: 30px;
  font-weight: normal;
  padding-top: 10px;
}
.modal-new.guest-modal.celebrity {
  overflow: visible;
}
.modal-new.guest-modal.celebrity .ui-dialog-titlebar {
  height: 150px;
  position: relative;
}
.modal-new.guest-modal.celebrity .ui-dialog-title {
  margin-left: 90px;
  margin-top: 30px;
}
.modal-new.guest-modal.celebrity .bg-celebrity {
  background: url("/images/jillian-michaels-main-page.png") repeat scroll 0 0 transparent;
  bottom: 10px;
  height: 216px;
  position: absolute;
  width: 200px;
}
.modal-new.guest-modal .header {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  margin: 0 auto 25px;
  color: #333;
  text-align: center;
  letter-spacing: 0.02em;
  width: 420px;
  word-wrap: break-word;
}
/* -------- NEW MODAL FORM END ------------- */
/* -------- GATED MODAL BEGIN -------- */
.page-wrap-white {
  position: relative;
}
#gated-modals-overlay {
  background: none repeat scroll 0 0 red;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10003;
  background: url(/images/modals/overlay.png) repeat rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 100%;
}
.gated-modal {
  display: block;
  float: left;
  height: auto;
  left: auto;
  outline: 0 none;
  position: absolute;
  right: auto;
  top: 50px;
  width: auto;
  z-index: 1000;
  overflow: visible;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.modal-new.gated-modal .element-group {
  font-family: 'Averta-Light-300';
  font-weight: normal;
}
.modal-new.gated-modal .ui-dialog-titlebar,
.modal-new.gated-modal.closable.white-header .ui-dialog-titlebar {
  background: none repeat scroll 0 0 transparent;
}
.modal-new.gated-modal.closable .ui-dialog-titlebar {
  background: url("/images/modals/modal-header-new.png") repeat-x scroll 0 -120px transparent;
}
.modal-new.gated-modal .ui-dialog-title .countdown {
  width: 130px;
  color: #E0821F;
  display: inline-block;
  text-align: left;
}
.modal-new.gated-modal .ui-dialog-title .tokens {
  color: #E0821F;
  display: inline-block;
  text-align: left;
}
.modal-new.gated-modal .ui-dialog-title .verification-method {
  color: #E0821F;
}
.modal-new.gated-modal .ui-dialog-title,
.modal-new.gated-modal.closable.white-header .ui-dialog-title {
  color: #000;
  text-shadow: none;
  font-size: 30px;
  margin: 0 auto;
}
.modal-new.gated-modal.closable .ui-dialog-title {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  font-size: 24px;
}
.modal-new.gated-modal .form.modal-form .header-separator.large {
  background: none;
  height: 13px;
}
.modal-new.gated-modal .form.modal-form {
  padding: 0 20px;
}
.modal-new.gated-modal .form.modal-form .header {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  margin: 5px 0 25px;
  text-align: center;
  letter-spacing: 0.02em;
}
.modal-new.gated-modal .form.modal-form .strong {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
/* -------- GATED MODAL END -------- */
/* -------- WHITE MODAL BEGIN ------ */
.modal-white .ui-dialog-titlebar {
  background: none;
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 20px;
}
.modal-white .ui-dialog-titlebar-close {
  background: url("/images/top-button-close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  right: 20px;
  top: 20px;
  margin-right: 0px;
}
.modal-white .ui-dialog-title {
  color: #000;
  text-transform: none;
  font-family: 'Averta-Light-300';
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  border-bottom: 1px solid #ccc;
}
/* -------- WHITE MODAL END -------- */
/* -------- REBRAND MODAL BEGIN -------- */
.modal-new.modal-rebrand.ui-dialog {
  background-color: #f5f5f5;
  border-color: #ccc;
}
.modal-new.modal-rebrand.gated-modal .ui-dialog-titlebar,
.modal-new.modal-rebrand.gated-modal.closable .ui-dialog-titlebar {
  background: none;
  border: none;
}
.modal-new.modal-rebrand.gated-modal .ui-dialog-title,
.modal-new.modal-rebrand.gated-modal.closable .ui-dialog-title {
  border: none;
}
/* -------- REBRAND MODAL END -------- */
/* -------- TOGGLE BUTTON BEGIN -------- */
.toggle-switch-slider-wrap {
  background: url('/images/modals/modal-sprites.png') no-repeat -370px -30px;
  height: 14px;
  position: relative;
  width: 28px;
  float: left;
  margin: 0px;
}
.toggle-switch.vertical .toggle-switch-slider-wrap {
  background: url("/images/modals/modal-sprites.png") repeat-x scroll -410px 0px transparent;
  height: 28px;
  margin: 0 auto;
  width: 14px;
}
.toggle-switch.vertical .ui-tabs-nav {
  text-align: center;
}
.toggle-switch.vertical .option0,
.toggle-switch.vertical .option1,
.toggle-switch.vertical .option0 .option-text,
.toggle-switch.vertical .option1 .option-text,
.toggle-switch.vertical .toggle-switch-slider-wrap {
  clear: both;
  display: block;
  float: none;
  margin: 0px auto;
}
.toggle-switch.vertical .toggle-switch-slider {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0px;
  left: 0px;
}
.toggle-switch.vertical .ui-slider-handle {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 100%;
  left: 0px;
}
.toggle-switch-slider-wrap a {
  float: left;
  /* IE bug*/
}
.toggle-switch-slider {
  cursor: pointer;
  height: 14px;
  left: 1px !important;
  /* conflict with .ui-widget*/
  position: absolute;
  top: 0;
  width: 14px;
}
.toggle-switch-slider .ui-slider-handle {
  background: url("/images/modals/modal-sprites.png") no-repeat scroll -430px 0px transparent;
  cursor: move !important;
  height: 14px;
  margin: 0px 0px 0px 0px;
  width: 14px;
  z-index: 3;
  outline: none;
  position: absolute;
  top: 0px;
  right: auto;
  bottom: auto;
  left: 0px;
}
.toggle-switch-tabber .option0 {
  position: static;
  float: left;
}
.toggle-switch-tabber .option1 {
  position: static;
  float: right;
}
.toggle-switch .toggle-switch-tabber li {
  display: block;
  float: left;
}
.toggle-switch-tabber .option-text {
  color: #666;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
  letter-spacing: 0.2em;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.01);
  display: block;
  float: left;
}
.toggle-switch-tabber .option0 .option-text {
  margin-right: 5px;
  text-align: right;
}
.toggle-switch-tabber .option1 .option-text {
  margin-left: 5px;
  text-align: left;
}
.toggle-switch-tabber li.ui-state-active .option-text {
  color: #e37f35;
  text-shadow: 0 0 5px #E37F35;
}
.toggle-switch-tabber li a:focus {
  outline: none;
}
.toggle-switch.big .toggle-switch-slider-wrap {
  background: url("/images/modals/modal-sprites.png") no-repeat scroll -370px -50px transparent;
  height: 20px;
  width: 40px;
}
.toggle-switch.big .toggle-switch-slider {
  width: 20px;
  height: 20px;
}
.toggle-switch.big .ui-slider-handle {
  width: 20px;
  height: 20px;
  background: url("/images/modals/modal-sprites.png") no-repeat scroll -410px -30px transparent;
  cursor: move !important;
}
.toggle-switch.big .option-text {
  color: #999;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0px;
}
.toggle-switch.big .option0 .option-text {
  margin-right: 10px;
}
.toggle-switch.big .option1 .option-text {
  margin-left: 10px;
}
/* rebrand toogle switch BEGIN */
.form-rebrand .new-toggle-switch .toggle-switch-slider-wrap {
  background: url("/images/form-elements/rebrand-toogle-switch.png") repeat-x scroll -138px -10px transparent;
  width: 99px;
  height: 59px;
  margin: 0 5px;
}
.form-rebrand .new-toggle-switch .ui-tabs-nav {
  position: absolute;
  left: 0px;
  width: 78px;
}
.form-rebrand .new-toggle-switch .toggle-switch-tabber li.ui-state-active .option-text {
  display: none;
}
.form-rebrand .new-toggle-switch .toggle-switch-tabber .option-text {
  color: #00A19F;
  display: block;
  line-height: 36px;
  letter-spacing: 0;
  margin: 0;
  position: absolute;
  text-shadow: none;
  font-size: 21px;
}
.form-rebrand .new-toggle-switch .toggle-switch-tabber .option0 .option-text {
  right: -13px;
  top: 5px;
}
.form-rebrand .new-toggle-switch .toggle-switch-tabber .option1 .option-text {
  left: 13px;
  top: 4px;
}
.form-rebrand .new-toggle-switch .toggle-switch-slider {
  top: 1px;
  width: 44px;
  height: 33px;
}
.form-rebrand .new-toggle-switch .ui-slider-handle {
  background: url("/images/form-elements/rebrand-toogle-switch.png") repeat-x scroll -6px -3px transparent;
  width: 40px;
  height: 40px;
}
.form-rebrand .new-toggle-switch.vertical .ui-tabs-nav {
  left: 0px;
  width: 50px;
}
.form-rebrand .new-toggle-switch.vertical .toggle-switch-slider-wrap {
  background: url("/images/form-elements/rebrand-toogle-switch.png") repeat-x scroll -50px 0 transparent;
  width: 43px;
  height: 73px;
}
.form-rebrand .new-toggle-switch.vertical .toggle-switch-slider {
  left: 5px !important;
  width: 33px;
  height: 38px;
}
.form-rebrand .new-toggle-switch.vertical .option1 .option-text {
  bottom: 30px;
  left: 10px;
}
.form-rebrand .ie7 .new-toggle-switch.vertical .option1 .option-text {
  bottom: 60px;
}
.form-rebrand .new-toggle-switch.vertical .option0 .option-text {
  bottom: 5px;
  right: 16px;
}
.form-rebrand .ie7 .new-toggle-switch.vertical .option0 .option-text {
  bottom: 35px;
}
/* rebrand toogle switch END */
/* new toggle switch */
.new-toggle-switch {
  position: relative;
}
.new-toggle-switch .option-text {
  text-align: center;
  font-size: 15px;
  margin: 5px 0;
  line-height: 34px;
}
.new-toggle-switch .toggle-switch-slider-wrap {
  background: url("/images/form-elements/new-toogle-switch.png") repeat-x scroll -100px 0 transparent;
  width: 78px;
  height: 35px;
  margin: 0 5px;
}
.new-toggle-switch .ui-tabs-nav {
  position: absolute;
  left: 0px;
  width: 78px;
}
.new-toggle-switch .toggle-switch-tabber li.ui-state-active .option-text {
  display: none;
}
.new-toggle-switch .toggle-switch-tabber .option-text {
  color: white;
  display: block;
  line-height: 36px;
  letter-spacing: 0;
  margin: 0;
  position: absolute;
  text-shadow: none;
}
.new-toggle-switch .toggle-switch-tabber .option0 .option-text {
  right: 10px;
}
.new-toggle-switch .toggle-switch-tabber .option1 .option-text {
  left: 15px;
}
.new-toggle-switch .toggle-switch-slider {
  top: 1px;
  width: 44px;
  height: 33px;
}
.new-toggle-switch .ui-slider-handle {
  background: url("/images/form-elements/new-toogle-switch.png") repeat-x scroll 0 0 transparent;
  width: 33px;
  height: 33px;
}
.new-toggle-switch.vertical .ui-tabs-nav {
  left: 0px;
  width: 50px;
}
.new-toggle-switch.vertical .toggle-switch-slider-wrap {
  background: url("/images/form-elements/new-toogle-switch.png") repeat-x scroll -50px 0 transparent;
  width: 43px;
  height: 73px;
}
.new-toggle-switch.vertical .toggle-switch-slider {
  left: 5px !important;
  width: 33px;
  height: 38px;
}
.new-toggle-switch.vertical .option1 .option-text {
  bottom: 30px;
  left: 10px;
}
.ie7 .new-toggle-switch.vertical .option1 .option-text {
  bottom: 60px;
}
.new-toggle-switch.vertical .option0 .option-text {
  bottom: 5px;
  right: 16px;
}
.ie7 .new-toggle-switch.vertical .option0 .option-text {
  bottom: 35px;
}
/* -------- TOGGLE BUTTON END -------- */
/* -------- GRAY FEED BUTTON BEGIN -------- */
.btn-feed-pager-gray {
  height: 40px;
}
.btn-feed-pager-gray .bgc {
  color: #000;
  text-transform: none;
  text-align: center;
  font-size: 16px;
  height: 40px;
  letter-spacing: 1px;
  line-height: 38px;
  text-shadow: 0 -1px 0 #fff;
  padding: 0 10px;
  margin: 0;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  z-index: 99;
}
.btn-feed-pager-gray .bgc {
  padding: 0px 60px;
  margin: 0px;
}
.btn-feed-pager-gray .bgl,
.btn-feed-pager-gray .bgc,
.btn-feed-pager-gray .bgr {
  background-image: url("/images/buttons/btn-feed-pager.png");
}
.btn-feed-pager-gray .bgl {
  width: 15px;
}
.btn-feed-pager-gray .bgr {
  width: 15px;
}
.btn-feed-pager-gray.btn-wrap:hover .bgl,
.btn-feed-pager-gray.btn-wrap:active .bgl {
  background-position: 0px 0px;
}
.btn-feed-pager-gray.btn-wrap:hover .bgc,
.btn-feed-pager-gray.btn-wrap:active .bgc {
  background-position: 0px -50px;
}
.btn-feed-pager-gray.btn-wrap:hover .bgr,
.btn-feed-pager-gray.btn-wrap:active .bgr {
  background-position: 0px -100px;
}
.feed-pager-wrap {
  clear: both;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}
.feed-pager-wrap .feed-pager-top-shadow {
  background: url("/images/buttons/feed-pager-top-shadow.png") no-repeat scroll top center transparent;
  width: 945px;
  height: 10px;
  position: absolute;
  top: 0px;
  z-index: 9000;
}
/* -------- GRAY FEED BUTTON END -------- */
/*--------- GAME LABEL BEGIN --------------*/
.label-wrap {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: auto;
  overflow: visible;
  white-space: nowrap;
  height: 26px;
  line-height: 26px;
  font-family: 'Averta-Semibold-500';
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.label-wrap .bgl {
  display: none;
}
.label-wrap .bgc,
.label-wrap .bgr {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 100%;
  vertical-align: top;
  background-color: transparent;
  color: white;
}
.label-wrap .bgc {
  float: none !important;
  font-weight: normal;
  margin: 0px;
  text-indent: 0;
  text-align: center;
  width: auto;
  border: 0px none;
  overflow: hidden;
  cursor: auto;
  padding: 0px 5px 0px 35px;
  font-size: 13px;
  font-family: 'Averta-Bold';
  line-height: 20px;
}
.label-wrap .bgr {
  border-right: 26px solid transparent;
  border-top: 26px solid transparent;
  height: 0;
  width: 0px;
}
/* -------- ORANGE LABEL BEGIN -------- */
.label-orange .bgc {
  color: #d6450a;
}
.label-orange .bgr {
  border-top-color: #d6450a;
}
/* -------- ORANGE LABEL END -------- */
/* -------- RED LABEL BEGIN -------- */
.label-red .bgc {
  color: #d03e0c;
}
.label-red .bgr {
  border-top-color: #d03e0c;
}
/* -------- RED LABEL END -------- */
/* -------- GREEN LABEL BEGIN -------- */
.label-green .bgc {
  color: #49A078;
}
.label-green .bgr {
  border-top-color: #49A078;
}
/* -------- GREEN LABEL END -------- */
/* -------- BLUE LABEL BEGIN -------- */
.label-blue .bgc {
  color: #00A19F;
}
.label-blue .bgr {
  border-top-color: #00A19F;
}
/* -------- BLUE LABEL END -------- */
/* -------- PURPLE LABEL BEGIN -------- */
.label-purple .bgc {
  color: #b20e8d;
}
.label-purple .bgr {
  border-top-color: #b20e8d;
}
/* -------- PURPLE LABEL END -------- */
.member-only-label .bgc {
  color: #FFC22F;
}
/*--------- GAME LABEL END --------------*/
/* ===================================

	Uniform

================================== */
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
  background-image: url(/images/form-elements/uniform.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
.radio,
.checker,
.uploader,
.button {
  margin: 0;
  padding: 0;
}
/* INPUT & TEXTAREA */
input.text,
input.email,
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #666;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}
input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  border-color: #999;
}
/* SPRITES */
/* Checkbox */
div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}
div.checker:active span,
div.checker.active span {
  background-position: -19px -260px;
}
div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}
div.checker span.checked {
  background-position: -76px -260px;
}
div.checker:active span.checked,
div.checker.active span.checked {
  background-position: -95px -260px;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}
.checkbox-field.new div.checker,
.checkbox-field.new div.checker span,
.checkbox-field.new div.checker span input,
.checkbox-field.new div.checker span .checkbox,
.form-new-flex div.checker,
.form-new-flex div.checker span,
.form-new-flex div.checker span input,
.form-new-flex div.checker span .checkbox {
  width: 20px;
  height: 20px;
}
.checkbox-field.new div.checker span input,
.form-new-flex div.checker span input {
  margin: 0px;
}
.checkbox-field.new div.checker span,
.form-new-flex div.checker span {
  margin: -6px;
  padding: 6px;
  background-position: 0 -40px;
}
.checkbox-field.new div.checker:active span,
.checkbox-field.new div.checker.active span,
.form-new-flex div.checker:active span,
.form-new-flex div.checker.active span {
  background-position: -40px -40px;
}
.checkbox-field.new div.checker.focus span,
.checkbox-field.new div.checker:hover span,
.form-new-flex div.checker.focus span,
.form-new-flex div.checker:hover span {
  background-position: -40px -40px;
}
.checkbox-field.new div.checker.focus:active span,
.checkbox-field.new div.checker:active:hover span,
.checkbox-field.new div.checker.active:hover span,
.checkbox-field.new div.checker.active.focus span,
.form-new-flex div.checker.focus:active span,
.form-new-flex div.checker:active:hover span,
.form-new-flex div.checker.active:hover span,
.form-new-flex div.checker.active.focus span {
  background-position: -40px -40px;
}
.checkbox-field.new div.checker span.checked,
.form-new-flex div.checker span.checked {
  background-position: -80px -40px;
}
.checkbox-field.new div.checker:active span.checked,
.checkbox-field.new div.checker.active span.checked,
.form-new-flex div.checker:active span.checked,
.form-new-flex div.checker.active span.checked {
  background-position: -120px -40px;
}
.checkbox-field.new div.checker.focus span.checked,
.checkbox-field.new div.checker:hover span.checke,
.form-new-flex div.checker.focus span.checked,
.form-new-flex div.checker:hover span.checked {
  background-position: -120px -40px;
}
.checkbox-field.new div.checker.focus:active span.checked,
.checkbox-field.new div.checker:hover:active span.checked,
.checkbox-field.new div.checker.focus.active span.checked,
.checkbox-field.new div.checker.active:hover span.checked,
.form-new-flex div.checker.focus:active span.checked,
.form-new-flex div.checker:hover:active span.checked,
.form-new-flex div.checker.focus.active span.checked,
.form-new-flex div.checker.active:hover span.checked {
  background-position: -120px -40px;
}
.checkbox-field.new div.checker.disabled span,
.checkbox-field.new div.checker.disabled:active span,
.checkbox-field.new div.checker.disabled.active span,
.form-new-flex div.checker.disabled span,
.form-new-flex div.checker.disabled:active span,
.form-new-flex div.checker.disabled.active span {
  background-position: -200px -40px;
}
.checkbox-field.new div.checker.disabled span.checked,
.checkbox-field.new div.checker.disabled:active span.checked,
.checkbox-field.new div.checker.disabled.active span.checked,
.form-new-flex div.checker.disabled span.checked,
.form-new-flex div.checker.disabled:active span.checked,
.form-new-flex div.checker.disabled.active span.checked {
  background-position: -160px -40px;
}
.form-rebrand div.checker,
.form-rebrand div.checker span,
.form-rebrand div.checker span input,
.form-rebrand div.checker span .checkbox {
  width: 46px;
  height: 47px;
}
.form-rebrand div.checker span input {
  margin: 0px;
}
.form-rebrand div.checker span {
  margin: -6px;
  padding: 6px;
  background-position: 0 0;
}
.form-rebrand div.checker:active span,
.form-rebrand div.checker.active span {
  background-position: -55px 0;
}
.form-rebrand div.checker.focus span,
.form-rebrand div.checker:hover span {
  background-position: -55px 0;
}
.form-rebrand div.checker.focus:active span,
.form-rebrand div.checker:active:hover span,
.form-rebrand div.checker.active:hover span,
.form-rebrand div.checker.active.focus span {
  background-position: -55px 0;
}
.form-rebrand div.checker span.checked {
  background-position: -111px 0;
}
.form-rebrand div.checker:active span.checked,
.form-rebrand div.checker.active span.checked {
  background-position: -111px 0;
}
.form-rebrand div.checker.focus span.checked,
.form-rebrand div.checker:hover span.checked {
  background-position: -111px 0;
}
.form-rebrand div.checker.focus:active span.checked,
.form-rebrand div.checker:hover:active span.checked,
.form-rebrand div.checker.focus.active span.checked,
.form-rebrand div.checker.active:hover span.checked {
  background-position: -111px 0;
}
.form-rebrand div.checker.disabled span,
.form-rebrand div.checker.disabled:active span,
.form-rebrand div.checker.disabled.active span {
  background-position: -279px 0;
}
.form-rebrand div.checker.disabled span.checked,
.form-rebrand div.checker.disabled:active span.checked,
.form-rebrand div.checker.disabled.active span.checked {
  background-position: -223px 0;
}
/* Radio */
div.radio span {
  background-position: 0px -279px;
  height: 19px;
  width: 19px;
}
div.radio:active span,
div.radio.active span {
  background-position: -18px -279px;
}
div.radio.focus span,
div.radio:hover span {
  background-position: -36px -279px;
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}
div.radio span.checked {
  background-position: -72px -279px;
}
div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}
div.radio.focus span.checked,
div.radio:hover span.checked {
  background-position: -108px -279px;
}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}
.form-new-flex div.radio,
.form-new-flex div.radio span,
.form-new-flex div.radio span,
.form-new-flex div.radio span input {
  width: 20px;
  height: 20px;
}
.form-new-flex div.radio span input {
  margin: 0px;
}
.form-new-flex div.radio span {
  margin: -6px;
  padding: 6px;
  background-position: 0 0;
}
.form-new-flex div.radio:active span,
.form-new-flex div.radio.active span {
  background-position: -40px 0;
}
.form-new-flex div.radio.focus span,
.form-new-flex div.radio:hover span {
  background-position: -40px 0;
}
.form-new-flex div.radio.focus:active span,
.form-new-flex div.radio:active:hover span,
.form-new-flex div.radio.active:hover span,
.form-new-flex div.radio.active.focus span {
  background-position: -40px 0;
}
.form-new-flex div.radio span.checked {
  background-position: -80px 0;
}
.form-new-flex div.radio:active span.checked,
.form-new-flex div.radio.active span.checked {
  background-position: -120px 0;
}
.form-new-flex div.radio.focus span.checked,
.form-new-flex div.radio:hover span.checked {
  background-position: -120px 0;
}
.form-new-flex div.radio.focus:active span.checked,
.form-new-flex div.radio:hover:active span.checked,
.form-new-flex div.radio.focus.active span.checked,
.form-new-flex div.radio.active:hover span.checked {
  background-position: -120px 0;
}
.form-new-flex div.radio.disabled span,
.form-new-flex div.radio.disabled:active span,
.form-new-flex div.radio.disabled.active span {
  background-position: -200px 0;
}
.form-new-flex div.radio.disabled span.checked,
.form-new-flex div.radio.disabled:active span.checked,
.form-new-flex div.radio.disabled.active span.checked {
  background-position: -160px 0;
}
/* Uploader */
div.uploader {
  background-position: 0px -297px;
  height: 28px;
}
div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}
div.uploader span.filename {
  height: 24px;
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}
div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}
div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}
div.uploader.disabled {
  background-position: 0px -325px;
}
div.uploader.disabled span.action {
  background-position: right -381px;
}
div.button {
  background-position: 0px -523px;
}
div.button span {
  background-position: right -643px;
}
div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}
div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px;
}
div.button.active,
div.button:active {
  background-position: 0px -583px;
}
div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #666;
}
div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}
div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #BBBBBB;
  cursor: default;
}
/* PRESENTATION */
/* Button */
div.button {
  height: 30px;
}
div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}
/* Checker */
div.checker {
  margin-right: 5px;
}
/* Radio */
div.radio {
  margin-right: 3px;
}
/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}
div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}
div.uploader span.filename {
  color: #666;
  width: 82px;
  border-right: solid 1px #BBBBBB;
  font-size: 11px;
}
div.uploader input {
  width: 190px;
}
div.uploader.disabled span.action {
  color: #999;
}
div.uploader.disabled span.filename {
  border-color: #DDDDDD;
  color: #999;
}
/* CORE FUNCTIONALITY  */
.checker,
.button,
.radio,
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}
.radio input:focus,
.checker input:focus,
.uploader input:focus {
  outline: 0;
}
/* Button */
div.button a,
div.button button,
div.button input {
  position: absolute;
}
div.button {
  cursor: pointer;
  position: relative;
}
div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}
/* Checker */
div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}
div.checker input {
  opacity: 0;
  display: inline-block;
  background: none;
}
/* Radio */
div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}
div.radio input {
  opacity: 0;
  text-align: center;
  display: inline-block;
  background: none;
}
/* Uploader */
div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
  border: solid 1px #dcdcdc;
  background: none;
}
div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}
div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
div.uploader input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}
/* -------- NEW FORM BEGIN ------------- */
.form-new-flex.form {
  background: none repeat scroll 0 0 transparent;
  color: #666;
  font-family: 'Averta-Light-300';
  font-weight: normal;
}
.form-new-flex.form p {
  font-family: 'Averta-Light-300';
  font-size: 15px;
  line-height: 22px;
}
.form-new-flex.form pstrong,
.form-new-flex.form pb {
  font-weight: normal;
}
.form-new-flex.form .form-field {
  display: block;
  margin: 0 0 15px 0px;
  width: 100%;
}
.form-new-flex.form .mad-libs-field {
  float: left;
  margin: 0 10px 20px 0;
  line-height: 44px;
  position: relative;
  width: auto;
  font-family: 'Averta-Light-300';
  font-size: 15px;
}
.form-new-flex.form .mad-libs-field .select {
  width: auto;
}
.form-new-flex.form h3,
.form-new-flex.form h4,
.form-new-flex.form h5,
.form-new-flex.forms strong,
.form-new-flex.forms b,
.form-new-flex.form .label {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
.form-new-flex.form .label {
  color: #000;
  font-family: 'Averta-Light-300';
  font-size: 15px;
  line-height: 20px;
  position: static;
  margin: 0 0 10px;
  width: auto;
  display: inline-block;
}
/* Textbox, Textarea */
.form-new-flex.form .textarea.placeholder,
.form-new-flex.form .textbox.placeholder,
.textbox.placeholder,
.form-new-flex.form .textarea::-webkit-input-placeholder,
.form-new-flex.form .textbox::-webkit-input-placeholder,
.textbox::-webkit-input-placeholder {
  color: #ccc;
  font-style: normal;
}
.form-new-flex.form .textarea,
.form-new-flex.form .textbox,
.form-new-flex.form .select {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  background: #fff;
  width: 100%;
  font-family: 'Averta-Light-300';
  border: 1px solid #ccc;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-weight: normal;
}
.form-new-flex.form .textbox.disabled {
  background-color: #eee;
  color: #666;
}
.form-new-flex.form .select,
.form-new-flex.form .textbox {
  padding: 10px 0 10px 10px;
}
.form-new-flex.form .select {
  line-height: 40px;
}
.form-new-flex.form .textarea {
  padding: 7px 0 7px 10px;
}
.form-new-flex.form.border-box-form .select,
.form-new-flex.form.border-box-form .textbox {
  height: 44px;
}
.form.modal-form.form-new-flex .field-data,
.form.modal-form.form-new-flex .field-data {
  /*  margin-left: 6px;*/
  margin-right: 1px;
}
.form.modal-form.form-new-flex .field-data .textarea,
.form.modal-form.form-new-flex .field-data .textbox {
  margin-left: -6px;
  margin-right: 0;
}
.form.modal-form.form-new-flex.border-box-form .field-data .textarea,
.form.modal-form.form-new-flex.border-box-form .field-data .textbox {
  margin-left: 0px;
  margin-right: 0;
}
.form-new-flex.form .field-data .textarea:focus,
.form-new-flex.form .field-data .textbox:focus {
  border-color: #00A19F;
}
.form-new-flex.form .error .textarea,
.form-new-flex.form .error .textbox,
.error .textbox,
.form-new-flex.form .textarea.error,
.form-new-flex.form .textbox.error,
.textbox.error {
  -moz-box-shadow: 0 0 3px #FF7373 inset;
  -webkit-box-shadow: 0 0 3px #FF7373 inset;
  box-shadow: 0 0 3px #FF7373 inset;
  border: 1px solid #FF7373;
  color: #CD0F0F;
}
.form-new-flex.form .checkbox-field {
  line-height: 18px;
  margin: 5px 0 5px 8px;
  text-align: left;
}
.form-new-flex.form .checkbox-field .checkbox-text,
.checkbox-field.new .checkbox-text {
  color: #666;
  display: block;
  font-size: 16px;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  line-height: 18px;
  margin: -19px 0 0 25px;
  position: static;
}
.form-new-flex.form .checkbox-subform.two-columns .checkbox-field {
  margin-left: 0;
  width: 50%;
}
.form-new-flex.form .radio-text {
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 15px;
  color: #4E4E4E;
  line-height: 20px;
}
.form-new-flex.form .radio-option {
  line-height: 20px;
  margin-bottom: 10px;
}
.form-new-flex.form .inline-radios .radio-option {
  display: inline-block;
  margin: 0px 10px 10px 0;
}
.form-new-flex.form .radio-text.active,
.form-new-flex.form .checkbox-text.active,
.checkbox-field.new .checkbox-text.active {
  font-family: 'Averta-Semibold-500';
}
.checkbox-field.new div.checker span,
.form-new-flex div.checker span,
.form-new-flex div.radio span {
  background-image: url("/images/form-elements/radio-checkboxes-rebrand.png");
  background-repeat: no-repeat;
}
.checkbox-field .black-radio-buttons div.checker span,
.form-new-flex .black-radio-buttons div.checker span,
.form-new-flex .black-radio-buttons div.radio span {
  background-image: url("/images/form-elements/new-black-radio-buttons.png");
  background-repeat: no-repeat;
}
.form-rebrand div.checker span {
  background-image: url("/images/form-elements/form-rebrand-checkboxes.png");
  background-repeat: no-repeat;
}
/* Radio */
.form-new-flex.modal-form .radio-option {
  margin: 0;
}
.form-new-flex.modal-form .radio {
  margin: -1px 10px 0 0;
}
.form-new-flex.modal-form .radio-text {
  margin: 0;
  font-size: 18px;
  display: inline-block;
}
.form-new-flex.modal-form .error .radio-text {
  color: #CD0F0F;
}
.form-new-flex.form .form-footer {
  clear: both;
  float: left;
  padding: 10px 0 10px;
  width: 100%;
}
.form-new-flex.form .form-footer.no-padding {
  padding: 0 !important;
}
.form-new-flex.form .profile-photo-field.large .profile-img {
  width: 150px;
  height: 150px;
  margin: 5px 0 20px;
  padding: 0px;
  border: none;
  overflow: hidden;
  background: none repeat scroll 0 0 #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.ie7 .form-new-flex.form .profile-photo-field.large .profile-img,
.ie8 .form-new-flex.form .profile-photo-field.large .profile-img {
  border-color: #D2D2D2 #E0E0E0 #EBEBEB;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-style: solid;
  border-width: 1px;
}
.form-new-flex.form .profile-photo-field.large img {
  background: none repeat scroll 0 0 #fff;
  border: 0px;
  max-width: 150px;
  max-height: 150px;
}
.form-new-flex.form .profile-photo-field.large .btn-wrp {
  margin: 0 0 0 25px;
}
.block-title-handwrite,
.form-new-flex.form .block-title-handwrite {
  font-weight: normal;
  font-size: 40px;
  color: #4E4E4E;
  font-family: 'Averta-Light-300';
}
.form-new-flex.form .separator-bottom {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px dotted #ccc;
}
/* -------- NEW FORM END ------------- */
/* -------- MODAL FORM ERROR BEGIN -------- */
.ui-dialog .confirmation-message {
  color: #444444;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
}
.ui-dialog .confirmation-message b,
.ui-dialog .confirmation-message strong,
.ui-dialog .confirmation-message .strong {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
.ui-dialog .confirmation-message p {
  margin: 0px 0px 10px 0px;
}
.ui-dialog .ui-dialog-buttonset {
  margin: 10px 10px 0 10px;
}
.ui-dialog .ui-dialog-buttonset .btn-ok {
  float: right;
  text-decoration: none;
}
/* -------- MODAL FORM ERROR END -------- */
/* -------- MODAL DELETE BEGIN -------- */
.modal-delete strong {
  color: #b01e1e;
}
.modal-delete .delete-modal-text {
  color: #666;
  margin: 0 0 0 0;
  line-height: 22px;
  font-size: 16px;
}
.modal-delete .delete-modal-text em {
  font-style: normal;
  color: #333;
  padding: 5px;
  width: 100%;
  float: left;
  clear: both;
}
.modal-delete.ui-dialog .ui-dialog-title {
  background: transparent;
}
.modal-delete .ui-dialog-titlebar-close {
  background: url("/images/modals/modal-header.png") no-repeat scroll -30px 0 transparent !important;
}
.modal-delete.admin-panel .ui-dialog-titlebar {
  background: url("/images/modals/modal-header.png") repeat-x scroll 0 -90px transparent !important;
}
.modal-delete.modal-new .ui-dialog-titlebar {
  background-image: none;
}
.modal-delete .profile-img {
  float: left;
  margin: 0 30px 0 0;
}
.modal-delete .mb-post-title {
  margin-bottom: 5px;
}
.modal-delete button.btn-delete {
  float: right;
  font-size: 11px;
  font-weight: bold;
}
.modal-delete.new button.btn-delete {
  width: auto;
  float: left;
}
.modal-delete.new .ui-button.btn-cancel {
  float: right;
  margin-top: 0;
}
.modal-delete button.btn-delete:hover {
  background-position: 0 -473px !important;
}
.modal-delete .ui-button.btn-cancel {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: right;
  margin-top: 9px;
  text-indent: 0;
  margin-right: 15px;
}
.modal-delete .mb-post-text-block {
  margin-top: 35px;
}
.modal-delete .mb-post .mb-post-time {
  margin-left: 95px;
}
.modal-delete .mb-post .mb-post-player .mb-post-title {
  margin-left: 95px;
}
/* -------- MODAL DELETE END -------- */
/* -------- FORM WIDTHS BEGIN -------- */
.form.modal-form {
  width: 600px;
  /* default width for any modal form */
}
#formRegisterUserModal {
  width: 450px;
  padding: 0;
  margin: 0 10px;
}
#formFaqIframe {
  width: 800px;
}
#formLoginUserModal {
  width: 450px;
}
#formLoginUserModal .form-field {
  width: 70%;
  margin-bottom: 15px;
}
#formLoginUserModal .form-field label {
  margin: 0 0 5px;
}
#formLoginUserModal .form-field input {
  margin-left: 0;
  box-sizing: border-box;
}
#formOrganizerFinalWeighIn {
  width: 650px;
}
#formMakeAnnouncement,
#formEditAnnouncement {
  width: 500px;
}
#formGameSettings {
  width: 880px;
}
#formPlayerActivityQuickUpdate {
  width: 100%;
  box-sizing: border-box;
}
#formEditMyMotto,
#formRemoveInvitation,
#formResendInvitation {
  width: 400px;
}
#formEjectPlayer {
  width: 600px;
}
#formEditWeighIn {
  width: 330px;
}
#formWeighIn {
  width: 356px;
}
#formPreFinalWeighIn,
#formWeighIn {
  width: 520px;
  box-sizing: border-box;
}
#cvvTooltip {
  width: 300px;
}
#formOrganizerFinalizeResults {
  width: 650px;
}
#formInitialWeighIn,
#formFinalWeighIn,
#formMonthlyWeighIn,
#formOfficialInGameWeighIn,
#formPreGameInviteFriends {
  width: 860px;
}
#formPreGameInviteFriends_group_footer #download-ios-app.app-download-link,
#formPreGameInviteFriends_group_footer #download-android-app.app-download-link {
  float: none;
}
#formPreGameWeighIn,
#formUnofficialWinner {
  width: 740px;
}
#formFinalWeighInLoser {
  width: 480px;
  box-sizing: border-box;
}
.form.modal-form.width-medium {
  width: 500px;
}
#formGameNonPlayerFirstVisit {
  width: 680px;
}
#formFacebookPostsIframe {
  width: 720px;
}
#formPrivacyFaqsIframe {
  width: 670px;
}
#formHealthProfessionalsIframe {
  width: 682px;
}
#formRepeatGame {
  width: 925px;
}
#formUseExistingWeighIn {
  width: 400px;
}
#formDeclineInvitation {
  width: 400px;
  min-height: 90px;
}
#formCreateGame {
  width: 965px;
}
#formChangeProfilePhoto,
.form-upload-photos.form {
  width: 650px;
}
#formPreResubmitFinalWeighIn {
  width: 550px;
}
#formBecomeAnAffiliate {
  width: 770px;
}
#formAddCreditCard {
  width: 450px;
}
#formPlayerInvitationPreviewIframe {
  width: 750px;
}
#formSendGift {
  width: 790px;
}
.form.scheduled-date-time-form {
  width: 360px;
}
#formGamePlayerRoundsInfo {
  width: 370px;
  padding: 0px;
}
/* -------- FORM WIDTHS END -------- */
/* -------- LOGIN SOCIAL BEGIN -------- */
.or-statement {
  background: url("/images/sign-up/or-statement.jpg") no-repeat scroll center center transparent;
  clear: both;
  color: #999;
  display: block;
  float: none;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.025em;
  margin: 15px 0 25px;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}
/* -------- LOGIN SOCIAL END -------- */
/* -------- FORM PROFILE PHOTO BEGIN -------- */
.form-upload-photos .upload-rules {
  clear: both;
  display: block;
  color: #000;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  line-height: 20px;
  margin: 5px 0 30px;
}
/* upload begin */
.form.modal-form .profile-photo-upload-wrap.element-group {
  float: left;
  width: 100%;
  min-height: 210px;
}
.form.modal-form .profile-photo-subform .btn-upload-photo-wrap {
  display: inline-block;
  margin: 20px 0 0 30px;
}
.form.modal-form .profile-photo-subform {
  padding: 0 50px;
  margin: 0;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.form.modal-form .profile-photo-subform .thumb-wrap {
  margin: 0 0 15px;
  float: left;
}
.form.modal-form .profile-photo-subform .thumb-wrap .crop-text {
  margin-top: -10px;
  font-size: 14px;
  position: absolute;
  top: 120px;
  left: 300px;
  font-size: 15px;
}
.form.modal-form .profile-photo-subform .upload-photo-thumb {
  margin: 0 0 0 10px;
  width: 210px;
  height: auto;
  position: relative;
}
.form.modal-form .profile-photo-subform .upload-photo-thumb .field-errors {
  position: absolute;
  bottom: 15px;
  left: 10px;
  width: 190px;
}
.form.modal-form .profile-photo-subform .upload-photo-thumb .field-error {
  font-size: 13px;
}
.form.modal-form .profile-photo-subform .upload-photo-thumb .jcrop-holder {
  margin: 0 auto;
}
.profile-photo-subform .upload-photo-thumb .progress-percentage {
  font-family: 'Averta-Semibold-500';
  margin: 0px auto;
  position: relative;
  width: 150px;
  top: 20px;
  text-align: center;
  font-size: 16px;
}
.video-upload-subform .ui-progressbar,
.profile-photo-subform .upload-photo-thumb .ui-progressbar {
  background-image: linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  border: 1px solid #BBBBBB;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0 -1px 2px #d3d3d3;
  box-shadow: 0 -1px 2px #d3d3d3;
  height: 9px;
  text-align: left;
  width: 110px;
  overflow: hidden;
}
.profile-photo-subform .upload-photo-thumb .ui-progressbar {
  position: absolute;
  left: 50px;
  bottom: 0;
}
.video-upload-subform .ui-progressbar {
  bottom: -18px;
  margin: 0 auto;
  position: relative;
  right: 50px;
  float: right;
}
.video-upload-subform .ui-progressbar .ui-progressbar-value,
.upload-photo-thumb .ui-progressbar .ui-progressbar-value {
  background-image: linear-gradient(top, #49a078 0%, #49a078 100%);
  background-image: -o-linear-gradient(top, #49a078 0%, #49a078 100%);
  background-image: -moz-linear-gradient(top, #49a078 0%, #49a078 100%);
  background-image: -webkit-linear-gradient(top, #49a078 0%, #49a078 100%);
  background-image: -ms-linear-gradient(top, #49a078 0%, #49a078 100%);
  -webkit-border-radius: 50px 0 0 50px;
  -moz-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px;
  height: 100%;
}
.upload-photo-thumb .loading-animation {
  background: url("/images/loader_apps.gif") no-repeat scroll center center white;
  bottom: 0;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  z-index: 2000;
  display: none;
}
.video-upload-subform .loading-animation {
  background: url("/images/loader_apps.gif") no-repeat scroll center center white;
  bottom: -30px;
  height: 20px;
  float: right;
  position: absolute;
  left: 170px;
  width: 20px;
  z-index: 2000;
  display: none;
}
.form.modal-form .profile-photo-subform .upload-photo-thumb-img {
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  padding: 5px;
  background-color: #fff;
  width: 200px;
  height: 200px;
}
.form.modal-form .profile-photo-subform .file-field {
  width: auto;
  margin: 20px 0 0 30px;
  float: left;
  clear: none;
}
.form.modal-form .profile-photo-subform .file-field.move-right {
  margin-left: 75px;
}
.form.modal-form .profile-photo-subform div.uploader span.action {
  display: none;
}
.form.modal-form .profile-photo-subform .file-field div.uploader {
  width: 145px;
  height: 35px;
  padding: 0px;
  background: red;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  position: absolute;
  left: 0;
}
.form.modal-form .profile-photo-subform .file-field .uploader span.filename {
  text-indent: -9999px;
}
.form.modal-form .profile-photo-subform .btn-delete-photo-wrap .btn-delete-photo {
  margin: 20px 0 0 10px;
}
.form.modal-form .profile-photo-subform .btn-delete-photo-wrap {
  margin: 0;
  float: none;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.025em;
  line-height: 28px;
}
.form.modal-form .profile-photo-subform .btn-delete-photo-wrap.btn-delete-v2 {
  font-family: 'Averta-ExtraBold-800';
  line-height: 22px;
}
.form.modal-form .profile-photo-subform .btn-delete-photo {
  display: inline-block;
  margin: 0 0 0 7px;
  color: #089A9A;
}
/* preview begin */
#formChangeProfilePhoto .profile-photo-preview-wrap {
  float: left;
  padding: 0 0 0 50px;
}
#formChangeProfilePhoto .profile-photo-preview-wrap .photo-preview-top-bg {
  background: none no-repeat scroll 0 0 transparent;
  text-align: center;
  margin: -25px 0 0;
}
#formChangeProfilePhoto .profile-photo-preview-wrap.cropped .photo-preview-top-bg {
  background: url("/images/sign-up/new-design/white-header.png") repeat-x scroll 0 -40px transparent;
  height: 35px;
  margin-top: -10px;
}
#formChangeProfilePhoto .photo-preview-top-bg .preview-title {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.025em;
  line-height: 26px;
  color: #4E4E4E;
}
#formChangeProfilePhoto .profile-photo-preview {
  float: left;
  padding: 5px 20px 20px;
  overflow: hidden;
}
#formChangeProfilePhoto_preview_field .field-data {
  width: 200px;
  height: 200px;
  border: 2px solid #739C9E;
  -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  margin: 0;
}
.cropped #formChangeProfilePhoto_preview_field .field-data {
  margin-top: -7px;
}
#formChangeProfilePhoto_preview {
  width: 200px;
}
#formChangeProfilePhoto .footer-buttons {
  clear: both;
  padding-top: 0px;
}
#formChangeProfilePhoto_submit_field {
  display: block;
  width: 205px;
  margin: 0 auto;
}
#formCropPhoto,
#formCropImage {
  width: 400px;
}
#formCropPhoto_thumb_field,
#formCropImage_thumb_field {
  text-align: center;
  margin: 0px;
}
#formCropPhoto_thumb_field .field-data,
#formCropImage_thumb_field .field-data {
  vertical-align: top;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: auto;
}
#formCropPhoto_thumb_field .field-help-text,
#formCropImage_thumb_field .field-help-text {
  clear: both;
  display: block;
  float: left;
}
#organizer-dashboard .form .profile-photo-field .profile-img {
  border-radius: 5px;
  border: 1px solid #ccc;
}
#organizer-dashboard .form-new-flex.form .btn-delete-photo {
  display: block;
  font-size: 16px;
  margin-top: 20px;
  text-align: center;
  width: 150px;
}
#organizer-dashboard .form-new-flex.form .profile-photo-field.large .btn-wrp {
  margin: 0 0 0 32px;
}
#formChangeProfilePhoto .thumb-wrap .upload-photo-thumb .jcrop-holder .jcrop-tracker {
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
}
/* -------- FORM PROFILE PHOTO END -------- */
/* -------- FORM ACTIVITY PLAYER UPLOAD PHOTO BEGIN -------- */
.form-upload-photos.form .upload-rules {
  margin-bottom: 35px;
}
.form-upload-photos.form .activity-upload-notes {
  color: #666;
  display: inline-block;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0 0 30px;
}
.form-upload-photos.form div.description-field {
  float: left;
  width: 250px;
  margin: 0 0 20px 50px;
}
.form-upload-photos.form div.description-field .label {
  font-size: 16px;
  font-family: 'Averta-Light-300';
}
.form-upload-photos.form div.description-field textarea {
  height: 110px;
}
.form-upload-photos.form .form-social-sharing {
  float: left;
}
.form-upload-photos.form .form-social-sharing.facebook {
  margin: 0 5px 0 40px;
}
.form-upload-photos.form .footer-buttons {
  clear: both;
  padding-top: 0px;
}
.form-upload-photos.form .footer-buttons .btn-wrap,
.form-upload-photos.form .footer-buttons .btn-wrp {
  display: block;
  width: 175px;
  margin: 0 auto;
}
.form.modal-form .profile-photo-subform .file-field span.filename {
  display: none;
}
.form.modal-form .profile-photo-subform .btn-flat-square.mwi-browse-btn {
  padding: 0 20px;
}
/* -------- FORM ACTIVITY PLAYER UPLOAD PHOTO END -------- */
/* -------- FORM MOTT BEGIN -------- */
#formEditMyMotto_motto {
  height: 100px;
}
/* -------- FORM MOTT END -------- */
/* -------- FORM CVV TOOLTIP BEGIN -------- */
#cvvTooltip_group_default {
  width: 300px;
}
/* -------- FORM CVV TOOLTIP END -------- */
/* -------- MODAL FORMS TERMS, RULES, FAQ BEGIN -------- */
#formTermsIframe,
#formRulesIframe {
  margin: 0;
}
#formTermsIframe_group_default,
#formRulesIframe_group_default {
  margin: 0;
}
.iframe-modal-form .content * {
  text-align: left;
}
.iframe-modal-form .content h3 {
  color: #666;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 19px;
  padding: 0px;
}
.iframe-modal-form .content ol {
  list-style: decimal;
}
.iframe-modal-form .content ol li {
  color: #999;
  font-size: 13px;
  line-height: 21px;
  margin: 0 0 15px 0;
}
.iframe-modal-form .content ol li strong {
  color: #666;
}
.iframe-modal-form .content ol ul {
  list-style: lower-latin;
}
#modal-rules .content ol li strong,
.iframe-modal-form .content ol li strong {
  display: inline;
  font-size: 16px;
  margin: 0px;
}
#modal-rules ol {
  margin: 0 0 20px 0;
  font-size: 12px;
  line-height: 18px;
  color: #666;
}
#modal-rules ol ol {
  margin: 0 0 10px 20px;
}
#modal-rules ol ol li {
  margin: 0 0 10px 0;
  font-size: 12px;
}
#modal-rules ol ol li strong {
  font-size: 12px;
  margin: 0 0 10px 0;
  display: inline;
}
#modal-terms p {
  margin: 0 0 20px 0;
}
#modal-terms li {
  font-size: 12px;
  line-height: 18px;
  color: #666;
  list-style-position: inside;
  margin: 0 0 20px 0;
}
#modal-faq #tabs ul {
  float: left;
  width: 100%;
  clear: both;
  margin: -10px 0 20px 0;
}
#modal-faq #tabs ul li {
  float: left;
  margin: 0 1px 0 0;
  list-style: none outside none;
  font-size: 13px;
  font-weight: bold;
  padding: 7px 0;
}
#modal-faq #tabs ul li.ui-state-default a {
  background: #ccc;
  color: #fff;
  padding: 7px 12px;
}
#modal-faq #tabs ul li.ui-tabs-selected a {
  background: #41B3B8;
  color: #fff;
}
#modal-faq #tab-game,
#modal-faq #tab-money,
#modal-faq #tab-weight,
#modal-faq #tab-questions {
  float: left;
  width: 100%;
  clear: both;
}
#modal-faq #tabs p {
  margin: 0 0 20px 0;
  line-height: 20px;
  font-size: 14px;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
#modal-faq #tabs h3 {
  color: #666;
  font-size: 15px;
  padding: 12px 0 9px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  letter-spacing: 0.08em;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
/* -------- MODAL FORMS TERMS, RULES, FAQ END -------- */
/* -------- ANNOUNCEMENT FORM BEGIN -------- */
#formMakeAnnouncement_message,
#formEditAnnouncement_message {
  height: 150px;
}
/* -------- ANNOUNCEMENT FORM END -------- */
/* -------- FORM CHANGE PASSWORD BEGIN -------- */
#formChangePassword {
  width: 450px;
}
#formChangePassword_header {
  display: block;
  margin-bottom: 30px;
  text-align: center;
}
#formChangePassword_group_default .form-field,
#formChangePassword_group_default .submit-button-wrp {
  margin: 15px auto;
  width: 300px;
  float: none;
  display: block;
}
/* -------- FORM CHANGE PASSWORD END -------- */
/* -------- FORM REGISTER USER MODAL BEGIN ------------- */
#formRegisterUserModal_group_default {
  margin: 20px 0 0;
}
#formRegisterUserModal .center-column {
  float: left;
  padding: 0px;
  margin: 0 auto;
}
#formRegisterUserModal .center-column .form-field {
  width: 70%;
  margin: 0 auto 15px;
}
#formRegisterUserModal .center-column .form-field .radio-text,
#formRegisterUserModal .center-column .form-field .checkbox-text {
  color: #000;
}
#formRegisterUserModal .radio-option {
  display: inline-block;
  margin-left: 40px;
  height: 20px;
}
#formRegisterUserModal .center-column .label {
  margin: 0 0 5px -5px;
}
#formRegisterUserModal_gender_field .field-data {
  margin: 25px 0 0;
}
#formRegisterUserModal .footer-buttons {
  clear: both;
  padding: 0;
  margin: 0;
}
#formRegisterUserModal .footer-buttons .btn-orange {
  width: 72%;
  display: block;
  margin: 0 auto;
}
#formRegisterUserModal .btn-apple-connect,
#formRegisterUserModal .btn-google-connect,
#formRegisterUserModal .btn-fb-connect {
  display: block;
  float: none;
  width: 335px;
  margin: 0 auto 15px;
}
#formRegisterUserModal_social-fields p {
  text-align: center;
  clear: both;
}
#formRegisterUserModal .footer-buttons p {
  font-family: 'Averta-Light-300';
  font-size: 16px;
  margin: 15px 0 0;
  text-align: center;
  color: #000;
  display: block;
}
#formRegisterUserModal #sign-in:focus {
  border: 1px dotted #00A19F;
}
#formRegisterUserModal .header-separator {
  background: url("/images/separators/header-separator-w680.png") no-repeat scroll center center transparent;
}
#formRegisterUserModal_title {
  display: block;
  margin-bottom: 25px;
  margin-top: -40px;
}
#formRegisterUserModal .game-pot-amount-bg {
  background: url("/images/join-game-variation-1-bg.png") no-repeat scroll 25px 0 transparent;
  display: block;
  height: 95px;
  margin: 0 auto;
  padding-left: 145px;
  padding-top: 25px;
  width: 400px;
}
#formRegisterUserModal_title h3 {
  display: block;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
}
#formRegisterUserModal .block-separator,
#formLoginUserModal .block-separator {
  width: 45%;
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
#formRegisterUserModal .or-statement,
#formLoginUserModal .or-statement {
  width: 42px;
  background: none;
  font-size: 19px;
  color: #000;
  font-family: 'Averta-Light-300';
  margin: 7px 0 0;
  text-transform: none;
  clear: none;
  float: left;
}
#formRegisterUserModal #social-account {
  clear: both;
}
#formRegisterUserModal .sign-up-implicit-terms,
#formLoginUserModal .sign-up-implicit-terms {
  width: 75%;
  margin: 10px auto;
  text-align: center;
}
/* -------- FORM REGISTER USER MODAL END ------------- */
/* -------- FORM LOGIN USER MODAL & CREATE ACOUNT BEGIN ------------- */
.form-login-user.form p.notes {
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 18px;
  margin: 5px 0 25px;
  color: #666;
  text-align: center;
}
.form-login-user.form p.notes a {
  font-size: 16px;
}
.form-login-user.form .or-statement {
  text-transform: none;
  font-size: 18px;
  margin: 20px auto;
  width: 320px;
}
.form-login-user.form .btn-apple-connect,
.form-login-user.form .btn-google-connect,
.form-login-user.form .btn-fb-connect {
  width: 335px;
}
.form-login-user.form .form-button,
.form-login-user.form .form-field {
  margin: 0 auto;
}
#formLoginUserModal_social-field.form-button,
#formLoginUserModal_submit_field.form-button {
  float: none;
  display: block;
  max-width: 100%;
}
#formLoginUserModal_submit_field.form-button {
  max-width: 69%;
}
#formLoginUserModal_social-field.form-button p {
  text-align: center;
}
.form-login-user.form .form-submit.bg-icon {
  background-position: 170px 0;
  width: 290px;
}
#formLoginUserModal_forgotPassword {
  display: block;
  margin: 10px 0 20px;
}
#social-account .social-account-description {
  color: #000;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 15px;
  margin: 15px 0;
  text-align: center;
  width: 100%;
}
#formLoginUserModal_group_default {
  margin-bottom: 0;
}
.form-login-user.form .footer-buttons p {
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 16px;
  color: #000;
  text-align: center;
  margin: 0;
}
.form-login-user.form .footer-buttons .right p {
  font-family: 'Averta-Light-300';
  color: #000;
  text-align: left;
  margin-top: 15px;
}
.form-login-user.form .btn-apple-connect,
.form-login-user.form .btn-google-connect,
.form-login-user.form .btn-fb-connect {
  margin: 20px auto;
  display: block;
  clear: both;
}
.form-login-user.form .footer-buttons .left,
.form-login-user.form .footer-buttons .right {
  width: 48%;
}
.form-login-user.form .footer-buttons .left .submit-button-wrp {
  width: 100%;
}
.form-login-user.form.modal-form .footer-buttons {
  padding: 20px 16px;
}
/* -------- FORM LOGIN USER MODAL & CREATE ACOUNT END ------------- */
/* -------- CUSTOM SCROLLBAR BEGIN ------------- */
body .jspVerticalBar {
  width: 7px;
  background: #DBDBDB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
body .jspTrack {
  background: #DBDBDB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
body .jspDrag {
  background: #999;
  width: 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* -------- CUSTOM SCROLLBAR END ------------- */
.form.modal-form .footer-buttons.footer-separator-small {
  background: url("/images/separators/footer-separator-small.png") no-repeat scroll center top transparent;
}
.form.modal-form .footer-buttons.footer-separator-medium {
  background: url("/images/separators/footer-separator-medium.png") no-repeat scroll center top transparent;
  padding: 20px 40px;
}
.form.modal-form .footer-buttons.footer-separator-shadowed {
  background: url("/images/separators/footer-separator-shadowed-w850.png") no-repeat scroll center top transparent;
  padding: 33px 40px 20px;
}
.form.modal-form .footer-buttons.footer-separator-large {
  background: url("/images/separators/footer-separator-large.png") no-repeat scroll center top transparent;
}
.form .form-footer.footer-separator-x-large {
  background: url("/images/separators/footer-separator-x-large.png") no-repeat scroll center 20px transparent;
  margin: 0;
  padding: 40px 50px 0;
  width: auto;
  float: none;
  clear: both;
}
/* -------- TOGGLE SOCIAL SHARING BUTTONS -------- */
.btn-toggle-social-sharing {
  background: url("/images/buttons/btn-toggle-social-sharing.png") no-repeat scroll -2px -87px transparent;
  height: 38px;
  width: 57px;
  cursor: pointer;
  display: block;
  float: left;
}
.btn-toggle-social-sharing.btn-facebook.enabled {
  background-position: -2px -87px;
}
.btn-toggle-social-sharing.btn-twitter.enabled {
  background-position: -60px -87px;
}
.btn-toggle-social-sharing.btn-facebook.disabled {
  background-position: -2px -5px;
}
.btn-toggle-social-sharing.btn-twitter.disabled {
  background-position: -60px -5px;
}
/* -------- TOGGLE SOCIAL SHARING BUTTONS -------- */
#formDisconnectFacebookCommunity_description {
  text-align: justify;
  display: block;
}
/* -------- FACEBOOK POSTS MODAL BEGIN -------- */
#formFacebookPostsIframe .img-wrapper {
  width: 420px;
  margin: 0 auto;
}
#formFacebookPostsIframe .facebook-posts-content {
  margin: 0 35px;
  display: block;
  font-size: 15px;
  line-height: 30px;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  color: #000;
}
/* -------- FACEBOOK POSTS MODAL END -------- */
/* -------- HEALTH PROFESSIONALS MODAL BEGIN -------- */
#formHealthProfessionalsIframe {
  padding: 0 30px;
}
#formHealthProfessionalsIframe .health-professionals {
  margin: 20px 0 35px 25px;
}
#formHealthProfessionalsIframe .icon {
  background: url("/images/game/icons/list-item-blue.png") no-repeat scroll center center transparent;
  clear: both;
  display: block;
  float: left;
  height: 30px;
  width: 18px;
}
#formHealthProfessionalsIframe .text {
  display: block;
  font-size: 16px;
  line-height: 30px;
  margin: 0 0 10px 25px;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  color: #000;
}
/* -------- HEALTH PROFESSIONALS MODAL END -------- */
/* -------- PRIVACY FAQ MODAL BEGIN -------- */
#formPrivacyFaqsIframe .privacy-faq-content h3 {
  font-family: 'Averta-Semibold-500';
}
/* -------- PRIVACY FAQ MODAL END -------- */
/* -------- DISQUALIFICATION LIMITS MODAL BEGIN -------- */
#formDisqLimitsIframe {
  width: 670px;
}
#formDisqLimitsIframe .privacy-faq-content {
  color: #000;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 15px;
  line-height: 30px;
}
#formDisqLimitsIframe #limits {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}
#formDisqLimitsIframe #limits .limit {
  margin: 0 0 10px 0;
  padding: 0;
  color: #000 !important;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 14px;
  list-style: disc;
  line-height: 22px;
}
/* -------- DISQUALIFICATION LIMITS MODAL END -------- */
/* -------- MODAL FORM GAME IN PROGRESS BEGIN -------- */
#formJoinStartedGame,
#formAcceptInvitationGameStarted {
  width: 500px;
}
#formJoinStartedGame_group_default,
#formAcceptInvitationGameStarted_group_default {
  text-align: center;
  margin-bottom: 5px;
}
.game-in-progress h2 {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  color: #666;
  letter-spacing: -0.005em;
  line-height: 24px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  font-size: 20px;
  width: 100%;
  margin: 20px 0 5px 0;
  text-align: center;
}
.game-in-progress a.no-thanks {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 30px auto 20px;
  width: 296px;
  text-align: center;
}
.game-in-progress .btn-wrap.submit-button-wrp {
  display: block;
}
.game-in-progress .see-other-games {
  display: block;
  margin: 10px 0 0;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
/* -------- MODAL FORM GAME IN PROGRESS END -------- */
/* -------- MODAL FORM BECOME AN AFFILIATE BEGIN -------- */
#formBecomeAnAffiliate .left-column {
  float: left;
  width: 370px;
  padding: 0 10px;
  border-right: 1px solid #D4D5D4;
}
#formBecomeAnAffiliate .right-column {
  float: right;
  width: 350px;
}
#formBecomeAnAffiliate .radio-option {
  display: inline-block;
  height: 20px;
  margin: 5px 15px 0 0;
}
#formBecomeAnAffiliate .right-column .textbox {
  margin: 0px;
  width: 335px;
}
#formBecomeAnAffiliate .select {
  width: 340px;
}
#formBecomeAnAffiliate .label {
  font-size: 16px;
}
#formBecomeAnAffiliate_healthExpertise_field {
  margin-top: 39px;
}
#formBecomeAnAffiliate_healthExpertise_field .field-help-text {
  display: block;
  position: relative;
  width: 100%;
}
#formBecomeAnAffiliate_healthExpertise_field .select-overlay {
  background: url("/images/game/slider/overlay.png") repeat scroll 0 0 transparent;
  display: none;
  height: 44px;
  margin-top: -44px;
  width: 100%;
}
#formBecomeAnAffiliate_heardAboutDietbet_field {
  margin-top: 55px;
}
#formBecomeAnAffiliate .footer-buttons {
  clear: both;
  text-align: center;
}
#formBecomeAnAffiliate_submit_field {
  float: none;
}
#formBecomeAnAffiliate_group_leftColumn .form-field,
#formBecomeAnAffiliate_group_rightColumn .form-field {
  height: 66px;
}
/* -------- MODAL FORM BECOME AN AFFILIATE END -------- */
/* -------- FORM CREDIT CARD BEGIN -------- */
.form-credit-card.form .form-field {
  float: left;
  width: auto;
}
.form-credit-card.form.modal-form .form-field .textbox {
  margin-left: 0px;
}
.form-credit-card.form .group-description {
  margin-bottom: 10px;
}
/* billing information */
.form-credit-card.form .credit-card-number .field-help-text {
  display: block;
  float: left;
  left: calc(100% - 65px);
  margin: 0px;
  padding: 0;
  position: relative;
}
.form-credit-card.form .credit-card-exp-date {
  clear: both;
  margin-right: 39px;
  width: 120px;
}
.form-credit-card.form .credit-card-exp-date .field-errors {
  width: 300px;
}
.form-credit-card.form .credit-card-cvv {
  width: 94px;
  margin-bottom: 5px;
}
.form-credit-card.form .credit-card-cvv .field-help-text {
  clear: both;
  margin: 0;
  font-family: Arial;
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
}
/* billing address */
.form-credit-card.form .billing-address .form-field {
  margin: 0 10px 15px 0;
}
.form-credit-card.form .billing-information .form-field.error,
.form-credit-card.form .billing-address .form-field.error {
  margin-bottom: 0px;
}
.form-credit-card.form .customer-postal-code.error .field-errors {
  margin: -2px 0 0;
  max-width: 140px;
}
.form-credit-card.form .generic-error {
  background: url("/images/sign-up/new-design/alert.png") no-repeat scroll left center transparent;
  padding-left: 50px;
  margin: 10px 40px 20px 40px;
  border: 1px solid #D94830;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #D94830;
}
.form-credit-card.form .field-error {
  margin: 3px -6px 0 0;
}
/* -------- FORM CREDIT CARD END -------- */
/* -------- FORM EDIT BRAINTREE CREDIT CARD BEGIN -------- */
#formAddBraintreeCreditCard_group_default {
  margin: 0px;
}
.form-credit-card.form.modal-form .billing-information {
  width: 260px;
  margin: 0 auto;
}
.form-credit-card.form.modal-form .credit-card-number,
.form-credit-card.form.modal-form .customer-postal-code {
  margin-right: 0px;
  width: 250px;
  clear: left;
}
.form-credit-card.form.modal-form .credit-card-number .field-help-text {
  left: calc(100% - 65px);
}
.form-credit-card.form.modal-form .credit-card-number .textbox {
  width: 250px;
}
.form-credit-card.form.modal-form .billing-address {
  width: 600px;
  margin: 0 auto;
}
.form-credit-card.form.modal-form .footer-buttons {
  text-align: center;
}
.form-credit-card.form.modal-form .credit-card-cvv .field-error {
  margin: 0px;
}
.form.form-credit-card .textbox {
  height: 20px;
}
.form.form-credit-card .braintree-hosted-field-wrapper > iframe,
.form.form-credit-card .braintree-hosted-field-wrapper > iframe:focus {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form.form-credit-card .select,
.form.form-credit-card .textbox {
  padding: 5px 0 5px 5px;
}
.form.form-credit-card .braintree-hosted-field-wrapper {
  border: 1px solid #ccc;
  display: inline-block;
  -webkit-box-shadow: 0 1px 1px #F0F0F0;
  box-shadow: 0 1px 1px #F0F0F0;
}
.form.form-credit-card .braintree-hosted-fields-focused {
  border-color: #00A19F;
}
.form.form-credit-card .braintree-hosted-fields-invalid {
  border-color: #d03e0c;
}
.form.form-credit-card .customer-postal-code.textbox {
  width: 130px;
}
.form.form-credit-card span.field-data {
  height: 100%;
}
/* -------- FORM EDIT BRAINTREE CREDIT CARD END -------- */
/* -------- FORM BOUNCE VISITORS BEGIN -------- */
.ui-dialog.bounce-visitors .ui-dialog-titlebar {
  background: none;
  height: 40px;
}
#formBounceVisitors {
  margin: 50px auto 0;
  padding: 0 0px 20px;
  width: 360px;
}
#formBounceVisitors .element-group {
  margin: 0;
}
#formBounceVisitors .footer-buttons {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}
#formBounceVisitors .form-cancel.close-modal {
  color: #00A19F;
  display: block;
  float: none;
  font-family: 'Averta-Semibold-500';
  font-size: 14px;
  margin: 0;
  text-decoration: none;
}
#formBounceVisitors .form-title {
  font-family: 'Averta-Light-300';
  font-size: 30px;
}
#formBounceVisitors .notes {
  display: block;
  font-size: 18px;
  line-height: 25px;
  margin: 15px 0;
}
#formBounceVisitors #formBounceVisitors_email_field {
  width: 230px;
  float: left;
}
#formBounceVisitors #formBounceVisitors_email {
  border: 1px solid #AEAAA3;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 16px;
  padding: 5px 12px 5px 10px;
  width: 200px;
}
#formInvitePlayers_skip-step-anchor {
  display: block;
  float: right;
  margin: 65px -125px 0 0;
}
/* -------- FORM BOUNCE VISITORS END -------- */
/* -------- PLAYER MOTIVATION STATUS BEGIN -------- */
/* -------- PLAYER MOTIVATION STATUS END -------- */
#edit-community-group-page .modal-delete button.btn-delete {
  float: none;
  width: 240px;
}
.form-upload-photos .btn-edit-header-photo {
  float: none;
  width: 40%;
  display: block;
  margin: 0px auto;
  padding-left: 20px;
}
/* -------- FORM SCHEDULE POST BEGIN -------- */
form.modal-form .form-element-scheduled-date .form-field {
  clear: none;
}
.form .form-element-scheduled-date .publish-date {
  float: left;
  margin-left: 1%;
}
.form .form-element-scheduled-date .publish-date-wrapper {
  float: left;
  display: block;
  width: 95px;
}
.form .form-element-scheduled-date .at-symbol {
  float: left;
  width: 7%;
  margin: 15px 0px 0px 5px;
  font-size: 16px;
  text-align: center;
}
.form .form-element-scheduled-date .box-area {
  float: left;
  display: block;
  width: 60px;
}
.form .form-element-scheduled-date .scheduled-hour {
  float: left;
}
.form .form-element-scheduled-date .dots-symbol {
  float: left;
  width: 3%;
  margin-top: 15px;
  font-size: 16px;
  text-align: center;
}
.form .form-element-scheduled-date .scheduled-minute {
  float: left;
}
.form .form-element-scheduled-date .scheduled-time-period {
  margin-left: 1%;
  float: left;
}
.form .form-element-scheduled-date .scheduled-est-text {
  float: left;
  margin: 15px 0px 0px 1%;
  font-size: 16px;
}
.form.scheduled-date-time-form .scheduled-border-separator {
  margin-bottom: 20px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
.form.scheduled-date-time-form .scheduled-undo-btn {
  border: 0px;
  background: none;
  color: #999;
  margin-top: 10px;
}
.form.scheduled-date-time-form .scheduled-undo-btn:hover {
  text-decoration: underline;
}
/* -------- FORM SCHEDULE POST END -------- */
/* -------- FORM MODAL JOIN GAME/GROUP BEGIN ------- */
.modal-join-message a.btn-wrp {
  margin-top: 15px;
}
/* -------- FORM MODAL JOIN GAME/GROUP END ------- */
/* -------- FORM MODAL QUICK UPDATE BEGIN ------- */
#formPlayerActivityQuickUpdate.form-new-flex div.radio.focus span {
  background-position: 0 0;
}
#formPlayerActivityQuickUpdate .form-cancel {
  margin-top: 10px;
}
/* -------- FORM MODAL QUICK UPDATE END ------- */
#formRegisterUserModal .gender-block .label {
  float: left;
}
.form-switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.form-switch label {
  vertical-align: inherit;
}
.form-switch input {
  position: absolute;
  top: 9px;
  left: 10px;
  opacity: 0;
}
.form-switch .swith-control {
  text-indent: 100%;
  display: inline-block;
  position: relative;
  width: 42px;
  height: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.form-switch .swith-control:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px / 2;
  left: 2px / 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
}
.form-switch input:checked ~ .swith-control:after {
  left: 21px;
}
.form-switch .swith-control {
  background-color: #a8aaa4;
}
.form-switch .swith-control:after {
  background-color: #fff;
  border-color: #999;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}
.form-switch input:checked ~ .swith-control {
  background-color: #00A19F;
}
.form-switch input:checked ~ .swith-control:after {
  background-color: #fff;
  border-color: #00A19F;
}
.use-plain-style .radio-option {
  position: relative;
}
.use-plain-style .radio-option input {
  position: absolute;
  opacity: 0;
}
.use-plain-style .radio-option .radio-icon {
  display: inline-block;
  vertical-align: middle;
}
.use-plain-style .radio-option .radio-text {
  vertical-align: middle;
}
.use-plain-style .radio-option .radio-icon {
  margin: 5px 6px 0 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #575757;
  padding: 2px;
}
.use-plain-style .radio-option .radio-icon .radio-inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.use-plain-style .radio-option input:checked + .radio-icon .radio-inner {
  background-color: #575757;
}
.use-fa.radio-options input.radio {
  visibility: hidden;
  position: absolute;
}
.use-fa.radio-options input.radio + .radio-icon .fa:before {
  content: "\f1db";
}
.use-fa.radio-options input.radio:checked + .radio-icon .fa:before {
  content: "\f192";
}
.use-fa.radio-options .radio-icon {
  color: #00A19F;
  font-size: 16px;
  text-align: left;
}
.use-fa.radio-options .radio-icon .fa-fw {
  text-align: inherit;
}
.use-fa input.checkbox {
  visibility: hidden;
  position: absolute;
}
.use-fa input.checkbox + .checkbox-icon {
  color: #00A19F;
  font-size: 16px;
  text-align: left;
}
.error.use-fa input.checkbox + .checkbox-icon {
  color: #e64b23;
}
.use-fa input.checkbox + .checkbox-icon .fa-fw {
  text-align: inherit;
  width: 18px;
}
.use-fa input.checkbox + .checkbox-icon .fa:before {
  content: "\f096 ";
}
.use-fa input.checkbox:checked + .checkbox-icon .fa:before {
  content: "\f14a";
}
.use-fa input.checkbox[disabled]:checked + .checkbox-icon {
  color: #999;
}
.large-checkbox input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.large-checkbox .checkbox-icon {
  width: 47px;
  height: 47px;
  padding-right: 5px;
  background: url('../images/misc/form-rebrand-checkboxes.png') no-repeat -4px -5px;
}
.large-checkbox input:checked + .checkbox-icon {
  background-position-x: -116px;
}
.large-checkbox input[disabled] + .checkbox-icon {
  background-position-x: -283px;
}
.large-checkbox input[disabled]:checked + .checkbox-icon {
  background-position-x: -228px;
}
.form-field.terms-agreement {
  font-size: 11px;
}
.form-field.terms-agreement .field-data {
  display: table;
  table-layout: auto;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
}
.form-field.terms-agreement .checkbox-icon {
  display: table-cell;
  vertical-align: middle;
}
.form-field.terms-agreement .checkbox-icon .fa {
  margin-right: 10px;
}
.form-field.terms-agreement .checkbox-text {
  display: table-cell;
  vertical-align: middle;
}
#organizer-dashboard .form .profile-photo-field .profile-img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.modal-white .ui-dialog-title {
  text-shadow: none;
}
#error-container.generic-error {
  border: none;
  border-radius: 0;
  font-family: 'Averta-Light-300';
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
#error-container.generic-error.kickstarter {
  background-color: #d6450a;
}
#error-container.generic-error.transformer {
  background-color: #b20e8d;
}
#error-container.generic-error.maintainer {
  background-color: #49A078;
}
#user-account-page .confirmation-message {
  max-width: 500px;
}
.form.ie-modal-form div.uploader input {
  margin: 0;
  position: absolute;
  right: 0px;
  font-size: 100px;
  height: 100%;
  top: 2px;
}
.form.ie-modal-form .browse-video-btn div.uploader input {
  top: 5px;
}
.form.ie-modal-form .browse-video-btn div.uploader {
  overflow: visible;
}
.form.ie-modal-form .browse-video-btn .field-errors {
  display: none;
}
.form.ie-modal-form .video-upload-subform .ui-progressbar.progressbar {
  bottom: 120px;
  float: none;
  right: inherit;
}

/*@base-font_v2_thin: 'Museo Sans Thin';
@base-font_v2_medium: 'Museo Sans Regular';*/
/*@base-font-regular: 'MuseoSans-100';
@base-font-medium: 'MuseoSans-300';
@base-font-semibold: 'MuseoSans-500';
@base-font-bold: 'MuseoSans-500';
@base-font-bolder: 'MuseoSans-700';
@handwritten-font: 'ShadowsIntoLightRegular';
@handwrittern-font-two: 'ShadowsIntoLightTwoRegular';
@cursive-font: 'WisdomScriptRegular';
@museo-slab-medium: 'MuseoSlab-300';
@museo-slab-bolder: 'MuseoSlab-700';
@museo-slab-bolder-italic: 'MuseoSlab-700Italic';
@museo-slab-extra-bold: 'MuseoSlab-900';*/
/* ===================================

	jQuery UI Elements 

================================== */
.ui-tabs-hide {
  display: none;
}
.ui-widget-overlay {
  background: url('/images/modals/overlay.png') repeat rgba(0, 0, 0, 0.75);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10003;
}
.ui-widget-overlay.new {
  background: url("/images/modals/dotted-overlay.png") repeat scroll 0 0 transparent;
}
.ui-dialog-title {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  background: url("/images/modals/modal-sprites.png") repeat-x scroll 0 -335px transparent;
  width: 100%;
  display: block;
  padding: 14px 0 13px;
  font-size: 14px;
  color: #fff;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.ui-draggable .ui-dialog-title {
  cursor: move;
}
.ui-dialog-titlebar-close {
  display: block;
  width: 20px;
  height: 20px;
  background: url('/images/modals/modal-header.png') no-repeat 0 0;
  text-indent: -9999px;
  top: 10px;
  right: 10px;
  position: absolute;
}
.ui-dialog-titlebar-close:hover {
  opacity: 0.7;
}
.ui-dialog-buttonset {
  outline: none;
  border: none;
  position: relative;
}
.ui-dialog-buttonset .btn-cancel {
  padding: 2px 5px;
  margin: 0 0 0 10px;
  outline: none;
  line-height: 1em;
  float: left;
  background: none;
  border: none;
  font-size: 12px;
  color: #999;
  text-decoration: underline;
  font-family: helvetica,arial;
  text-transform: none;
  letter-spacing: 0;
}
.ui-dialog-buttonset .btn-cancel:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-dialog-buttonpane {
  height: 59px;
  background: #fafafa;
  overflow: hidden;
  border-top: 1px solid #ececec;
}
.ui-dialog {
  background: #fff;
  z-index: 9999;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.modal-wrapper {
  padding: 25px;
  overflow: hidden;
}
#btn-cancel {
  margin: 18px 0 0 15px;
}
.modal-delete .ui-dialog-title {
  background: url("/images/modals/modal-sprites.png") repeat-x scroll 0 -385px transparent;
}
.modal-delete strong {
  color: #999;
}
.modal-delete p {
  color: #666;
  margin: 0;
  line-height: 15px;
}
.modal-delete p em {
  font-style: normal;
  color: #333;
}
.modal-delete .caution-msg {
  margin: 0 0 20px 0;
}
/* Delete Activity */
.delete-message-review {
  background: #FFFBE8;
  width: 470px;
  padding: 10px 10px 15px 10px;
}
.delete-message-review .profile-img {
  float: left;
  margin: 0 20px 0 0;
}
/* ===================================

	Colorbox / Lightbox

================================== */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: visible;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
#cboxOverlay {
  background: url('/images/modals/overlay.png') repeat;
}
#cboxContent {
  overflow: visible;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  background: #fff;
  padding: 6px;
}
#cboxLoadingGraphic {
  background: url(/images/loader_apps.gif) no-repeat center center;
}
#cboxLoadingOverlay {
  background: url('/images/modals/overlay.png') repeat;
}
#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}
#cboxCurrent {
  position: absolute;
  top: -22px;
  left: 0px;
  font-size: 10px;
}
#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose {
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: transparent;
}
.cboxSlideshow-on #cboxPrevious,
.cboxSlideshow-off #cboxPrevious {
  right: 66px;
}
.cboxSlideshow-on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}
.cboxSlideshow-on #cboxSlideshow:hover {
  background-position: -100px -25px;
}
.cboxSlideshow-off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}
.cboxSlideshow-off #cboxSlideshow:hover {
  background-position: -75px -25px;
}
#cboxNext,
#cboxPrevious,
#cboxClose {
  background: url("/images/modals/colorbox-buttons.png") no-repeat 0 0 transparent;
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: 225px;
}
#cboxClose {
  background-position: -100px 0px;
  right: -40px;
  width: 35px;
  height: 35px;
  top: -15px !important;
}
#cboxPrevious {
  background-position: 0px 0px;
  width: 42px;
  height: 42px;
  left: -47px;
}
#cboxPrevious:hover {
  background-position: 0px -52px;
}
#cboxNext {
  background-position: -50px 0px;
  width: 42px;
  height: 42px;
  right: -47px;
}
#cboxNext:hover {
  background-position: -50px -52px;
}
#cboxContent {
  background: none repeat scroll 0 0 white;
}
#colorbox .cboxPhoto {
  border: 1px solid #DDDDDD;
  margin: 25px 0 0 0;
  padding: 8px;
  max-width: 600px;
  max-height: 600px;
}
#cboxWrapper {
  padding-top: 16px;
}
#colorbox #cboxMiddleLeft {
  background: url("/images/modals/colorbox-sides.png") no-repeat scroll -100px 0 transparent;
  height: 100%;
  position: static;
  width: 50px;
}
#colorbox #cboxMiddleRight {
  background: url("/images/modals/colorbox-sides.png") no-repeat scroll -125px 0 transparent;
  height: 100%;
  position: static;
  width: 50px;
}
#colorbox.showCboxMiddleLeft #cboxMiddleLeft {
  background: url("/images/modals/colorbox-sides.png") no-repeat scroll 0px 0 transparent;
}
#colorbox.showCboxMiddleLeft #cboxMiddleRight {
  background: url("/images/modals/colorbox-sides.png") no-repeat scroll -75px 0 transparent;
}
#colorbox #cboxTitle {
  background: none repeat scroll 0 0 white;
  border: 0 none;
  display: block;
  float: none;
  margin: 0 0 0 -25px;
  padding: 0 25px 25px 25px;
  position: static;
  width: 100%;
}
#colorbox #player-photos-gallery-title {
  font-size: 18px;
  color: #666;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  margin: 0 0 10px 0;
}
#colorbox #player-photos-gallery-date {
  font-size: 12px;
  line-height: 21px;
  color: #999;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
#colorbox #player-photos-gallery-options {
  font-size: 11px;
  line-height: 21px;
  color: #666;
}
#colorbox #player-photos-gallery-options li {
  float: left;
  margin: 0 10px 0 0;
}
#colorbox #player-photos-gallery-options a {
  color: #666;
  text-decoration: underline;
}
/* new colorbox */
#cboxOverlay.cboxOverlay-new {
  background: url("/images/modals/dotted-overlay.png") repeat scroll 0 0 transparent;
}
#colorbox.colorbox-new #cboxMiddleLeft,
#colorbox.colorbox-new #cboxMiddleRight,
#colorbox.colorbox-new #cboxTitle {
  display: none !important;
}
#colorbox.colorbox-new #cboxContent {
  padding: 30px 40px;
  border: 1px solid #B7C2C3;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
#colorbox.colorbox-new #cboxLoadedContent {
  padding: 0px;
}
#colorbox.colorbox-new #cboxClose {
  background: url("/images/game/icons/cancel-icon.png") no-repeat scroll 0 0 transparent;
  width: 19px;
  height: 19px;
  right: 13px;
  top: 10px !important;
}
#colorbox.colorbox-new .cbox-header {
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 30px;
  text-align: center;
}
#colorbox.colorbox-new .header-separator,
#colorbox.colorbox-new .footer-separator {
  background: url("/images/separators/header-separator-w680.png") no-repeat scroll center center transparent;
  height: 16px;
  margin: 15px 0 0;
}
/* -------- TOOLTIPS BEGIN -------- */
/* Core qTip styles */
.ui-tooltip,
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
}
/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid {
  display: block;
  visibility: hidden;
  position: static !important;
  float: left !important;
}
.ui-tooltip-content {
  position: relative;
  padding: 5px 9px;
  border: 1px solid #000001;
  text-align: left;
  word-wrap: break-word;
  overflow: hidden;
}
.ui-tooltip-titlebar {
  position: relative;
  min-height: 14px;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border: 1px solid #000001;
  border-width: 1px 1px 0;
  font-weight: bold;
}
.ui-tooltip-titlebar + .ui-tooltip-content {
  border-top-width: 0px !important;
}
/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
}
* html .ui-tooltip-titlebar .ui-state-default {
  top: 16px;
}
/* IE fix */
.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
}
.ui-tooltip-icon,
.ui-tooltip-icon .ui-icon {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ui-tooltip-icon .ui-icon {
  width: 18px;
  height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Tips plugin */
.ui-tooltip .ui-tooltip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}
.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip * {
  position: absolute;
  line-height: 0.1px !important;
  font-size: 0.1px !important;
  color: #123456;
  background: transparent;
  border: 0px dashed transparent;
}
.ui-tooltip .ui-tooltip-tip canvas {
  top: 0;
  left: 0;
}
/* -------- TOOLTIPS END -------- */
/* -------- CUSTOM TOOLTIPS BEGIN -------- */
/*! Cream tooltip style */
.ui-tooltip-cream {
  max-width: none;
  max-height: none;
}
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content {
  border-color: #F9E98E;
  color: #A27D35;
}
.ui-tooltip-cream .ui-tooltip-content {
  background-color: #FBF7AA;
}
.ui-tooltip-cream .ui-tooltip-titlebar {
  background-color: #F0DE7D;
}
.ui-tooltip-cream .ui-state-default .ui-tooltip-icon {
  background-position: -82px 0;
}
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content {
  border-color: #EEE7C8;
  color: #666;
  font-size: 11px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  text-shadow: 0 -1px 0 #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ui-tooltip-cream .ui-tooltip-content {
  padding: 10px;
}
.ui-tooltip-cream .ui-tooltip-content {
  background-color: #FFFBE8;
}
.ui-tooltip-cream .ui-tooltip-titlebar {
  background-color: #FFFBE8;
}
.ui-tooltip-orange {
  max-width: none;
  max-height: none;
}
.ie7 .ui-tooltip-orange .ui-tooltip-titlebar {
  width: 282px;
}
.ie7 .ui-tooltip-orange .ui-tooltip-content {
  width: 240px;
}
.ui-tooltip-orange .ui-tooltip-titlebar,
.ui-tooltip-orange .ui-tooltip-content {
  border-color: #EEE7C8;
  color: #666;
  font-size: 11px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  text-shadow: 0 -1px 0 #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ui-tooltip-orange .ui-tooltip-titlebar {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  background: none repeat scroll 0 0 #E37727;
  color: #fff;
  display: block;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.15em;
  padding: 8px 0 6px;
  text-align: center;
  text-transform: uppercase;
  border: none;
}
.ui-tooltip-orange .ui-tooltip-content {
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  background-color: #fff;
  color: #666;
  display: block;
  font-family: helvetica,arial;
  font-size: 12px;
  line-height: 18px;
  padding: 10px 20px 20px 20px;
}
.ui-tooltip-orange .ui-tooltip-icon {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  background: none repeat scroll 0 0 white;
  border: medium none;
  color: #666;
}
.ui-tooltip-orange .ui-icon {
  background: none repeat scroll 0 0 transparent;
  color: inherit;
  font-family: helvetica,arial;
  font-size: 12px;
  font-weight: normal;
  height: 16px;
  line-height: 16px;
  text-align: center;
  text-indent: 0;
  width: 16px;
}
/** new cream tooltip **/
.ui-tooltip-cream-rounded {
  max-width: 360px;
  max-height: none;
}
.ie7 .ui-tooltip-cream-rounded .ui-tooltip-titlebar,
.ie7 .ui-tooltip-cream-rounded .ui-tooltip-content {
  width: 360px;
}
.ui-tooltip-cream-rounded .ui-tooltip-titlebar,
.ui-tooltip-cream-rounded .ui-tooltip-content {
  background-color: #FCFCEE;
  border-color: #A29C97;
  color: #000;
  text-shadow: 0 -1px 0 #fff;
  font-family: 'Averta-Light-300';
  font-size: 13px;
  line-height: 20px;
  padding: 12px 20px;
  text-align: justify;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}
.ui-tooltip-cream-rounded.ui-tooltip-pos-bl .ui-tooltip-titlebar,
.ui-tooltip-cream-rounded.ui-tooltip-pos-bl .ui-tooltip-content {
  -webkit-border-radius: 11px 11px 11px 0px;
  -moz-border-radius: 11px 11px 11px 0px;
  border-radius: 11px 11px 11px 0px;
}
/** new white bubble tooltip **/
.ui-tooltip-white-bubble {
  max-width: 360px;
  max-height: none;
}
.ui-tooltip-white-bubble.large {
  max-width: 500px;
}
.ie7 .ui-tooltip-white-bubble .ui-tooltip-titlebar,
.ie7 .ui-tooltip-white-bubble .ui-tooltip-content {
  width: 360px;
}
.ui-tooltip-white-bubble .strong,
.ui-tooltip-white-bubble strong,
.ui-tooltip-white-bubble b {
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
}
.ui-tooltip-white-bubble.ui-tooltip-pos-bl .ui-tooltip-titlebar,
.ui-tooltip-white-bubble.ui-tooltip-pos-bl .ui-tooltip-content {
  -webkit-border-radius: 5px 5px 5px 0px;
  -moz-border-radius: 5px 5px 5px 0px;
  border-radius: 5px 5px 5px 0px;
}
/* -------- CUSTOM TOOLTIPS END -------- */
/* -------- DATEPICKER BEGIN -------- */
.datepicker {
  width: 260px;
  margin: 20px auto;
}
.ui-datepicker {
  width: 250px;
  padding: 3px 3px 0 3px;
  display: none;
  /* hidden by default */
  font-size: 13px;
  border: 1px solid #eee;
  background: none repeat 0 0 #fff;
  color: #333;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.ui-datepicker .ui-widget-header {
  position: relative;
  padding: 3px 0;
  border: 1px solid #e3a1a1;
  background: none repeat-x scroll 0 0 #d6450a;
  color: #fff;
  font-weight: bold;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.ui-datepicker .ui-widget-header a {
  color: #fff;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 5px;
  width: 24px;
  height: 24px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 11px;
  top: 11px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 30px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  letter-spacing: 0.1em;
}
.ui-datepicker .ui-state-default {
  border: 1px solid #d8dcdf;
  background: url(/images/sign-up/datepicker/bg-cell.png) 50% 50% repeat-x #eee;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  color: #000;
}
.ui-datepicker .ui-state-disabled .ui-state-default {
  background: none repeat scroll 0 0 #eee;
  border: 1px solid #D8DCDF;
  color: #999;
}
.ui-datepicker .ui-datepicker-today .ui-state-default {
  color: #FF2A2A;
}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-state-focus {
  border: 1px solid #cdd5da;
  background: url(/images/sign-up/datepicker/bg-cell-hover.png) 50% 50% repeat-x #F6F6F6;
  font-weight: bold;
  color: #111111;
}
.ui-datepicker .ui-state-active {
  border: 1px solid #eee;
  background: none repeat-x scroll 0 0 #d6450a;
  color: #fff;
}
.ui-datepicker .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-datepicker .ui-widget-header .ui-icon {
  background-image: url(/images/sign-up/datepicker/header-icons.png);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
}
.ui-datepicker .ui-state-hover .ui-icon,
.ui-datepicker .ui-state-focus .ui-icon,
.ui-datepicker .ui-state-active .ui-icon {
  background-image: url(/images/sign-up/datepicker/header-icons-hover.png);
}
.ui-datepicker .ui-icon-circle-triangle-w {
  background-position: 0px 0px;
}
.ui-datepicker .ui-icon-circle-triangle-e {
  background-position: -20px 0px;
}
.ui-datepicker table {
  width: 100%;
  font-size: 12px;
  margin: 0 0 3px 0;
}
.ui-datepicker th {
  padding: 10px 3px;
  text-align: center;
  font-family: 'Averta-Semibold-500';
  font-weight: normal;
  color: #333;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 3px;
  text-align: right;
  text-decoration: none;
  width: 26px;
}
/* -------- DATEPICKER END -------- */
/* -------- JSCROLLPANE BEGIN -------- */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 98%;
  height: 16px;
  background: transparent;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: #dde;
  position: relative;
}
.jspDrag {
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 7px;
}
.jspHorizontalBar .jspTrack {
  top: 9px;
}
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/* -------- JSCROLLPANE END -------- */
.ui-tooltip-white-bubble .ui-tooltip-titlebar,
.ui-tooltip-white-bubble .ui-tooltip-content {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #333;
  font-family: 'Averta-Light-300';
  font-weight: normal;
  font-size: 14px;
  padding: 13px 20px;
  line-height: 20px;
  text-align: justify;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2);
}