/* greyscale */
/* blue-greys */
/* messaging */
/* plan level colors */
/* charting colors */
/*blue*/
/*green*/
/*yellow*/
/*orange*/
/*red*/
/*purple*/
/*indigo*/
/* other colors */
/* +++ Compete Colors +++ */
/* greyscale */
/* messaging */
/* section colors */
/* other colors */
/**** Media Queries Widths ****/
/**** Elements ****/
/* a basic gradient that transitions evenly from one color to a second color, top to bottom */
/* rounded corners for boxes */
/* a basic button whose border is th esame color as its background */
/*
  A white button with grey text/border, turns blue on hover
*/
/* color and corners for content "boxes" */
/* small graphs for search referrals */
/* rgba(209, 75, 75, 1) */
/* rgba(247, 204, 12, 1)*/
/* rgba(169, 208, 74, 1) */
/* rgba(216, 216, 216, 1) */
.strength_meter .meter {
  width: 100%;
  margin: 0;
  padding: 1px 0 0;
}
.strength_meter .meter span {
  display: inline-block;
  float: right;
  height: 4px;
  background-color: #d8d8d8;
  width: 19%;
  margin-right: 1%;
}
.strength_meter .descriptor {
  text-align: right;
  font-weight: bold;
  text-transform: uppercase;
  height: 1em;
  padding: 0;
  margin: .5em 0 0;
  width: 99.5%;
}
.strength_meter.inactive .descriptor {
  visibility: hidden;
}
.strength_meter.invalid .one {
  background-color: #d14b4b;
}
.strength_meter.invalid .descriptor {
  color: #d14b4b;
}
.strength_meter.weak .one,
.strength_meter.weak .two {
  background-color: #f7cc0c;
}
.strength_meter.weak .descriptor {
  color: #f7cc0c;
}
.strength_meter.ok .one,
.strength_meter.ok .two,
.strength_meter.ok .three {
  background-color: #a9d04a;
}
.strength_meter.ok .descriptor {
  color: #a9d04a;
}
.strength_meter.good .one,
.strength_meter.good .two,
.strength_meter.good .three,
.strength_meter.good .four {
  background-color: #a9d04a;
}
.strength_meter.good .descriptor {
  color: #a9d04a;
}
.strength_meter.excellent .one,
.strength_meter.excellent .two,
.strength_meter.excellent .three,
.strength_meter.excellent .four,
.strength_meter.excellent .five {
  background-color: #a9d04a;
}
.strength_meter.excellent .descriptor {
  color: #a9d04a;
}
.strength_meter.outstanding .one,
.strength_meter.outstanding .two,
.strength_meter.outstanding .three,
.strength_meter.outstanding .four,
.strength_meter.outstanding .five {
  background-color: #67d04a;
}
.strength_meter.outstanding .descriptor {
  color: #67d04a;
}
.strength_meter .confirm {
  background-image: url(../../images/universal/sprite-password-confirm.png) !important;
  background-repeat: no-repeat !important;
  background-position: right 200px !important;
  padding-right: 12%;
  width: 81%;
}
.strength_meter .confirm.mismatch {
  background-position: right -27px !important;
}
.strength_meter .confirm.match {
  background-position: right 12px !important;
}
body.demo {
  /* don't combine these placeholder lines, that will break them */
}
body.demo ::-webkit-input-placeholder {
  /* WebKit browsers */
  font-style: italic;
  color: #000000 !important;
}
body.demo :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-style: italic;
  color: #000000 !important;
}
body.demo ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-style: italic;
  color: #000000 !important;
}
body.demo :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-style: italic;
  color: #000000 !important;
}
body.demo input.placeholder {
  /* Internet Explorer < 10 */
  font-style: italic;
  color: #000000 !important;
}
body.demo .page .content {
  /* +++ Login Styles +++ */
}
body.demo .page .content menu.tools li a {
  background-image: none;
}
body.demo .page .content menu.tools li a span {
  height: 100%;
  width: 100%;
  background-position: center center;
}
body.demo .page .content section.big_chart,
body.demo .page .content table.big_chart {
  position: relative;
}
body.demo .page .content section.big_chart .loader,
body.demo .page .content table.big_chart .loader {
  width: 75px;
  margin: 5em auto;
}
body.demo .page .content section.big_chart .overlay_message,
body.demo .page .content table.big_chart .overlay_message {
  display: none;
  position: absolute;
  top: 0;
  left: 30%;
  z-index: 1;
  width: 40%;
  background-color: #ffffff;
  padding: 1em;
  text-align: center;
}
body.demo .page .content section.big_chart .overlay_message .close,
body.demo .page .content table.big_chart .overlay_message .close {
  display: none;
  float: right;
  cursor: pointer;
}
body.demo .page .content section.big_chart .overlay_message div,
body.demo .page .content table.big_chart .overlay_message div {
  display: none;
}
body.demo .page .content section.big_chart .overlay_message h3,
body.demo .page .content table.big_chart .overlay_message h3 {
  color: #333333;
  font-weight: bold;
  font-size: 1.25em;
  margin-top: .5em;
  text-transform: uppercase;
}
body.demo .page .content section.big_chart .overlay_message p,
body.demo .page .content table.big_chart .overlay_message p {
  margin-top: 2em;
  margin-bottom: 3em;
  color: #666666;
  font-weight: normal;
  line-height: 1.6;
  padding: 0px;
  font-size: 1.2em;
  display: block;
}
body.demo .page .content section.big_chart .overlay_message p.button,
body.demo .page .content table.big_chart .overlay_message p.button {
  width: 90%;
  padding: 1em 5%;
  margin: 1em 0;
}
body.demo .page .content section.third,
body.demo .page .content table.third {
  overflow: hidden;
}
body.demo .page .content section.third .loader,
body.demo .page .content table.third .loader {
  width: 75px;
  margin: 2em auto;
}
body.demo .page .content section.third ol,
body.demo .page .content table.third ol {
  margin: 1em 3em;
}
body.demo .page .content section.third ol li,
body.demo .page .content table.third ol li {
  font-size: 1.2em;
  margin: 1em 0;
}
body.demo .page .content section.third ol li span,
body.demo .page .content table.third ol li span {
  vertical-align: top;
}
body.demo .page .content section.third ol li span.favicon,
body.demo .page .content table.third ol li span.favicon {
  padding-right: .5em;
}
body.demo .page .content section.third th.raw,
body.demo .page .content table.third th.raw,
body.demo .page .content section.third td.raw,
body.demo .page .content table.third td.raw {
  text-align: left;
}
body.demo .page .content section.third th.mom,
body.demo .page .content table.third th.mom,
body.demo .page .content section.third td.mom,
body.demo .page .content table.third td.mom {
  text-align: right;
}
body.demo .page .content section.third th,
body.demo .page .content table.third th {
  border-bottom: 1px solid #999999;
  font-size: 1.6em;
  padding: 1em;
}
body.demo .page .content section.third td,
body.demo .page .content table.third td {
  background-color: #ffffff;
  padding: 1em;
}
body.demo .page .content section.third td.number,
body.demo .page .content table.third td.number {
  font-size: 2.4em;
  padding: .66667em;
}
body.demo .page .content .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  overflow: hidden;
  top: 0;
  z-index: 10000;
  background-color: rgba(17, 34, 51, 0.8);
}
body.demo .page .content .login_signup_box {
  width: 100%;
  font-size: 1em;
  margin: 0 auto;
  z-index: 10001;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width:770px) {
  body.demo .page .content .login_signup_box {
    top: 10%;
    left: 0;
  }
}
body.demo .page .content .login_signup_box h3 {
  /* if 4 arguments, this will be used instead */
  -webkit-border-radius: 0.25em 0.25em 0 0;
  -moz-border-radius: 0.25em 0.25em 0 0;
  border-radius: 0.25em 0.25em 0 0;
  width: auto;
  margin: 0;
  padding-left: 3%;
  padding-right: 3%;
}
body.demo .page .content .login_signup_box .signup,
body.demo .page .content .login_signup_box .login {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width:500px) {
  body.demo .page .content .login_signup_box .signup,
  body.demo .page .content .login_signup_box .login {
    width: 70%;
  }
}
@media only screen and (min-width:770px) {
  body.demo .page .content .login_signup_box .signup,
  body.demo .page .content .login_signup_box .login {
    width: 50%;
  }
}
@media only screen and (min-width:1175px) {
  body.demo .page .content .login_signup_box .signup,
  body.demo .page .content .login_signup_box .login {
    width: 45%;
  }
}
body.demo .page .content .login_signup_box .signup .signup_upsell,
body.demo .page .content .login_signup_box .login .signup_upsell {
  border-bottom: solid 1px #dddddd;
  margin-bottom: 1em;
}
body.demo .page .content .login_signup_box .signup .signup_upsell h4,
body.demo .page .content .login_signup_box .login .signup_upsell h4 {
  font-weight: bold;
  border: none;
  padding: 0;
  margin: 0 0 .5em;
}
body.demo .page .content .login_signup_box .signup .signup_upsell ul,
body.demo .page .content .login_signup_box .login .signup_upsell ul {
  margin-bottom: 1.5em;
  margin-left: .71428em;
}
body.demo .page .content .login_signup_box .signup .signup_upsell li,
body.demo .page .content .login_signup_box .login .signup_upsell li {
  margin: .2em;
  list-style-type: none;
  font-size: 1.2857em;
  font-weight: normal;
}
body.demo .page .content .login_signup_box .signup .signup_upsell li:before,
body.demo .page .content .login_signup_box .login .signup_upsell li:before {
  content: '. ';
  vertical-align: text-top;
}
body.demo .page .content .login_signup_box form {
  /* if 4 arguments, this will be used instead */
  -webkit-border-radius: 0 0 0.25em 0.25em;
  -moz-border-radius: 0 0 0.25em 0.25em;
  border-radius: 0 0 0.25em 0.25em;
  background-color: #ffffff;
  padding: 1em 3%;
  border: 1px solid #999999;
  border-top: none;
}
body.demo .page .content .login_signup_box form fieldset {
  font-size: 1.3em;
}
body.demo .page .content .login_signup_box form fieldset label {
  display: block;
  margin: 1em 5%;
  text-transform: uppercase;
  vertical-align: top;
}
body.demo .page .content .login_signup_box form fieldset label input {
  display: block;
  width: 97.75%;
  padding: 0.7em 1%;
  height: 1.2em;
}
body.demo .page .content .login_signup_box form fieldset label input.error {
  border-color: #dd0000;
}
body.demo .page .content .login_signup_box form button {
  font-size: 2em;
  padding: .25em 5%;
  width: 45%;
  display: block;
  margin: 0 auto;
}
body.demo .page .content .login_signup_box form p {
  text-transform: uppercase;
  font-size: 1em;
  margin: .5em auto 1.25em;
  padding: 0 .5em;
  text-align: center;
}
body.demo .page .content .login_signup_box form p.forgot_button {
  text-align: right;
}
body.demo .page .content .login_signup_box form p a {
  display: inline!important;
  font-weight: bold;
  color: #0099dd;
}
body.demo .page .content .login_signup_box form p.errors {
  color: #dd0000;
  text-align: left;
  text-transform: none;
  font-weight: bold;
}
body.demo .page .content .login_signup_box form .strength_meter .confirm.mismatch {
  background-position: right -37px !important;
}
body.demo .page .content .login_signup_box form .strength_meter .confirm.match {
  background-position: right 2px !important;
}
@media only screen and (min-width:770px) {
  body.demo .page .content .login_signup_box form .strength_meter .confirm.mismatch {
    background-position: right -34px !important;
  }
  body.demo .page .content .login_signup_box form .strength_meter .confirm.match {
    background-position: right 5px !important;
  }
}
.experiments {
  display: none;
}
.experiments.default {
  display: block;
}