/* LESS Document */
/* +++ 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 */
/* greyscale */
/* blue-greys */
/* messaging */
/* plan level colors */
/* charting colors */
/*blue*/
/*green*/
/*yellow*/
/*orange*/
/*red*/
/*purple*/
/*indigo*/
/* other colors */
/* styes for the "analyze" section of the site: website, category, and keyword reports */
body .page .content .negative {
  color: #dd0000;
}
body .page .content .positive {
  color: #33aa22;
}
body .page .content h2 {
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  max-width: 40%;
}
body .page .content p.low-sample {
  display: inline-block;
  clear: right;
  background-color: #ff9900;
  color: #ffffff;
  font-size: 1.4em;
  padding: .5em 1em;
  vertical-align: middle;
  margin: 0;
  border: 1px solid #cc7a00;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
body .page .content menu.tools {
  display: inline-block;
  vertical-align: middle;
  padding: .25em;
  margin: 0em 1em;
}
body .page .content menu.tools li {
  display: inline-block;
  margin: 0 .4em;
  padding: 0;
}
body .page .content menu.tools li a,
body .page .content menu.tools li span span {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url(../../images/app/icons/site_summary_functions.png);
}
body .page .content menu.tools li a.compare-site,
body .page .content menu.tools li span span.compare-site {
  background-position: 0 -300px;
}
body .page .content menu.tools li a.compare-site:hover,
body .page .content menu.tools li span span.compare-site:hover {
  background-position: 0 -350px;
}
body .page .content menu.tools li a.add-group,
body .page .content menu.tools li span span.add-group {
  background-position: 0 -200px;
}
body .page .content menu.tools li a.add-group:hover,
body .page .content menu.tools li span span.add-group:hover {
  background-position: 0 -250px;
}
body .page .content menu.tools li a.save-site,
body .page .content menu.tools li span span.save-site {
  background-position: 0 -100px;
}
body .page .content menu.tools li a.save-site:hover,
body .page .content menu.tools li span span.save-site:hover {
  background-position: 0 -150px;
}
body .page .content menu.tools li a.saved,
body .page .content menu.tools li span span.saved {
  background-position: 0 0x;
}
body .page .content menu.tools li a.saved:hover,
body .page .content menu.tools li span span.saved:hover {
  background-position: 0 -50px;
}
body .page .content menu.breadcrumb {
  display: block;
  font-size: 1.4em;
}
body .page .content menu.breadcrumb li {
  display: inline-block;
}
body .page .content menu.breadcrumb li:after {
  content: ">";
  margin: 0 .5em;
}
body .page .content menu.breadcrumb li.last:after {
  content: '';
}
body .page .content menu.export .active a,
body .page .content menu.export .active span {
  padding-left: 2em;
  background: transparent url(../../images/universal/loading16x16_666onfff.gif) no-repeat 0.5em center;
}
body .page .content article .categories-dropdown-wrapper {
  position: relative;
}
body .page .content article .categories-dropdown-wrapper a {
  color: #666666;
  font-weight: normal;
}
body .page .content article .categories-dropdown-wrapper .toggle_styled {
  display: block;
}
body .page .content article .categories-dropdown-wrapper .nav-wrap {
  width: 99.6%;
  z-index: 150;
}
body .page .content article .categories-dropdown-wrapper .nav-wrap .ap-ddmenu {
  position: relative;
  z-index: 151;
}
body .page .content article .categories-dropdown-wrapper .nav-wrap .ap-ddmenu a {
  color: #666666;
}
body .page .content article section {
  position: relative;
}
body .page .content article section h3 {
  border: none;
  border-bottom: 1px solid #999999;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
body .page .content article section h3 .right-link,
body .page .content article section h4 .right-link {
  float: right;
  font-weight: lighter;
  font-size: 0.8125em;
}
body .page .content article section p.full-report {
  font-weight: bold;
  font-style: italic;
  padding: 0 4%;
  font-size: 1.2em;
}
body .page .content article section form {
  margin: 0.5em 0.3333%;
}
body .page .content article section form .select-wrap {
  width: 29em;
  border-color: #999999;
}
body .page .content article section form .select-wrap select {
  font-size: 1.5em;
}
body .page .content article section div.loading {
  width: 100%;
  z-index: 500;
  background-color: #ffffff;
  position: absolute;
  text-align: center;
}
body .page .content article section div.loading p {
  text-transform: uppercase;
  color: #222222;
  padding-top: 15%;
  padding-bottom: 30%;
  margin: 0;
}
body .page .content article section div.loading p img {
  display: block;
  margin: 1em auto;
}
body .page .content article section.box h3 menu,
body .page .content article section.outer_box h3 menu,
body .page .content article section.tabbed h3 menu,
body .page .content article section.box h4 menu,
body .page .content article section.outer_box h4 menu,
body .page .content article section.tabbed h4 menu,
body .page .content article section.box .new-site menu,
body .page .content article section.outer_box .new-site menu,
body .page .content article section.tabbed .new-site menu {
  float: right;
  margin-top: -0.5em;
  margin-right: -0.5em;
  font-size: .875em;
}
body .page .content article section.box h3 menu li,
body .page .content article section.outer_box h3 menu li,
body .page .content article section.tabbed h3 menu li,
body .page .content article section.box h4 menu li,
body .page .content article section.outer_box h4 menu li,
body .page .content article section.tabbed h4 menu li,
body .page .content article section.box .new-site menu li,
body .page .content article section.outer_box .new-site menu li,
body .page .content article section.tabbed .new-site menu li {
  display: inline-block;
  margin: 0 0.3em;
}
body .page .content article section.box h3 menu li a,
body .page .content article section.outer_box h3 menu li a,
body .page .content article section.tabbed h3 menu li a,
body .page .content article section.box h4 menu li a,
body .page .content article section.outer_box h4 menu li a,
body .page .content article section.tabbed h4 menu li a,
body .page .content article section.box .new-site menu li a,
body .page .content article section.outer_box .new-site menu li a,
body .page .content article section.tabbed .new-site menu li a,
body .page .content article section.box h3 menu li span,
body .page .content article section.outer_box h3 menu li span,
body .page .content article section.tabbed h3 menu li span,
body .page .content article section.box h4 menu li span,
body .page .content article section.outer_box h4 menu li span,
body .page .content article section.tabbed h4 menu li span,
body .page .content article section.box .new-site menu li span,
body .page .content article section.outer_box .new-site menu li span,
body .page .content article section.tabbed .new-site menu li span {
  border: 1px solid #dddddd;
  background-color: #ffffff;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  color: #999999;
  cursor: pointer;
  font-size: 1em;
  padding: .5em .8em;
  text-transform: uppercase;
  line-height: 1em;
  display: block;
  padding: 0.5em;
}
body .page .content article section.box h3 menu li a:hover,
body .page .content article section.outer_box h3 menu li a:hover,
body .page .content article section.tabbed h3 menu li a:hover,
body .page .content article section.box h4 menu li a:hover,
body .page .content article section.outer_box h4 menu li a:hover,
body .page .content article section.tabbed h4 menu li a:hover,
body .page .content article section.box .new-site menu li a:hover,
body .page .content article section.outer_box .new-site menu li a:hover,
body .page .content article section.tabbed .new-site menu li a:hover,
body .page .content article section.box h3 menu li span:hover,
body .page .content article section.outer_box h3 menu li span:hover,
body .page .content article section.tabbed h3 menu li span:hover,
body .page .content article section.box h4 menu li span:hover,
body .page .content article section.outer_box h4 menu li span:hover,
body .page .content article section.tabbed h4 menu li span:hover,
body .page .content article section.box .new-site menu li span:hover,
body .page .content article section.outer_box .new-site menu li span:hover,
body .page .content article section.tabbed .new-site menu li span:hover {
  border-color: #3399dd;
  color: #3399dd;
  text-decoration: none;
}
body .page .content article section.box h3 menu li.nav-selected a,
body .page .content article section.outer_box h3 menu li.nav-selected a,
body .page .content article section.tabbed h3 menu li.nav-selected a,
body .page .content article section.box h4 menu li.nav-selected a,
body .page .content article section.outer_box h4 menu li.nav-selected a,
body .page .content article section.tabbed h4 menu li.nav-selected a,
body .page .content article section.box .new-site menu li.nav-selected a,
body .page .content article section.outer_box .new-site menu li.nav-selected a,
body .page .content article section.tabbed .new-site menu li.nav-selected a,
body .page .content article section.box h3 menu li:hover a,
body .page .content article section.outer_box h3 menu li:hover a,
body .page .content article section.tabbed h3 menu li:hover a,
body .page .content article section.box h4 menu li:hover a,
body .page .content article section.outer_box h4 menu li:hover a,
body .page .content article section.tabbed h4 menu li:hover a,
body .page .content article section.box .new-site menu li:hover a,
body .page .content article section.outer_box .new-site menu li:hover a,
body .page .content article section.tabbed .new-site menu li:hover a,
body .page .content article section.box h3 menu li span.nav-selected,
body .page .content article section.outer_box h3 menu li span.nav-selected,
body .page .content article section.tabbed h3 menu li span.nav-selected,
body .page .content article section.box h4 menu li span.nav-selected,
body .page .content article section.outer_box h4 menu li span.nav-selected,
body .page .content article section.tabbed h4 menu li span.nav-selected,
body .page .content article section.box .new-site menu li span.nav-selected,
body .page .content article section.outer_box .new-site menu li span.nav-selected,
body .page .content article section.tabbed .new-site menu li span.nav-selected {
  border-color: #3399dd;
  color: #3399dd;
  text-decoration: none;
}
body .page .content article section.box h3 menu li.nav-selected a,
body .page .content article section.outer_box h3 menu li.nav-selected a,
body .page .content article section.tabbed h3 menu li.nav-selected a,
body .page .content article section.box h4 menu li.nav-selected a,
body .page .content article section.outer_box h4 menu li.nav-selected a,
body .page .content article section.tabbed h4 menu li.nav-selected a,
body .page .content article section.box .new-site menu li.nav-selected a,
body .page .content article section.outer_box .new-site menu li.nav-selected a,
body .page .content article section.tabbed .new-site menu li.nav-selected a,
body .page .content article section.box h3 menu li span.nav-selected,
body .page .content article section.outer_box h3 menu li span.nav-selected,
body .page .content article section.tabbed h3 menu li span.nav-selected,
body .page .content article section.box h4 menu li span.nav-selected,
body .page .content article section.outer_box h4 menu li span.nav-selected,
body .page .content article section.tabbed h4 menu li span.nav-selected,
body .page .content article section.box .new-site menu li span.nav-selected,
body .page .content article section.outer_box .new-site menu li span.nav-selected,
body .page .content article section.tabbed .new-site menu li span.nav-selected {
  cursor: text;
}
body .page .content article section.box h3 menu li.disabled a,
body .page .content article section.outer_box h3 menu li.disabled a,
body .page .content article section.tabbed h3 menu li.disabled a,
body .page .content article section.box h4 menu li.disabled a,
body .page .content article section.outer_box h4 menu li.disabled a,
body .page .content article section.tabbed h4 menu li.disabled a,
body .page .content article section.box .new-site menu li.disabled a,
body .page .content article section.outer_box .new-site menu li.disabled a,
body .page .content article section.tabbed .new-site menu li.disabled a,
body .page .content article section.box h3 menu li.disabled span,
body .page .content article section.outer_box h3 menu li.disabled span,
body .page .content article section.tabbed h3 menu li.disabled span,
body .page .content article section.box h4 menu li.disabled span,
body .page .content article section.outer_box h4 menu li.disabled span,
body .page .content article section.tabbed h4 menu li.disabled span,
body .page .content article section.box .new-site menu li.disabled span,
body .page .content article section.outer_box .new-site menu li.disabled span,
body .page .content article section.tabbed .new-site menu li.disabled span {
  background-color: #dddddd;
}
body .page .content article section.box h3 menu li.disabled a:hover,
body .page .content article section.outer_box h3 menu li.disabled a:hover,
body .page .content article section.tabbed h3 menu li.disabled a:hover,
body .page .content article section.box h4 menu li.disabled a:hover,
body .page .content article section.outer_box h4 menu li.disabled a:hover,
body .page .content article section.tabbed h4 menu li.disabled a:hover,
body .page .content article section.box .new-site menu li.disabled a:hover,
body .page .content article section.outer_box .new-site menu li.disabled a:hover,
body .page .content article section.tabbed .new-site menu li.disabled a:hover,
body .page .content article section.box h3 menu li.disabled span:hover,
body .page .content article section.outer_box h3 menu li.disabled span:hover,
body .page .content article section.tabbed h3 menu li.disabled span:hover,
body .page .content article section.box h4 menu li.disabled span:hover,
body .page .content article section.outer_box h4 menu li.disabled span:hover,
body .page .content article section.tabbed h4 menu li.disabled span:hover,
body .page .content article section.box .new-site menu li.disabled span:hover,
body .page .content article section.outer_box .new-site menu li.disabled span:hover,
body .page .content article section.tabbed .new-site menu li.disabled span:hover {
  color: grey;
  border-color: #dddddd;
  cursor: default;
}
body .page .content article section.box h3 menu li.disabled.locked a,
body .page .content article section.outer_box h3 menu li.disabled.locked a,
body .page .content article section.tabbed h3 menu li.disabled.locked a,
body .page .content article section.box h4 menu li.disabled.locked a,
body .page .content article section.outer_box h4 menu li.disabled.locked a,
body .page .content article section.tabbed h4 menu li.disabled.locked a,
body .page .content article section.box .new-site menu li.disabled.locked a,
body .page .content article section.outer_box .new-site menu li.disabled.locked a,
body .page .content article section.tabbed .new-site menu li.disabled.locked a,
body .page .content article section.box h3 menu li.disabled.locked span,
body .page .content article section.outer_box h3 menu li.disabled.locked span,
body .page .content article section.tabbed h3 menu li.disabled.locked span,
body .page .content article section.box h4 menu li.disabled.locked span,
body .page .content article section.outer_box h4 menu li.disabled.locked span,
body .page .content article section.tabbed h4 menu li.disabled.locked span,
body .page .content article section.box .new-site menu li.disabled.locked span,
body .page .content article section.outer_box .new-site menu li.disabled.locked span,
body .page .content article section.tabbed .new-site menu li.disabled.locked span {
  background: #dddddd url(../../images/app/icons/lock_666_13x14.png) no-repeat 93% center;
  padding-right: 1.5em;
}
body .page .content article section.box .dataTables_info,
body .page .content article section.outer_box .dataTables_info,
body .page .content article section.tabbed .dataTables_info {
  display: none;
}
body .page .content article section.box {
  overflow: hidden;
}
body .page .content article section.box form {
  margin: 0;
}
body .page .content article section.box img.upsell_blur_chart {
  width: 100%;
  height: 35em;
  display: block;
}
body .page .content article section.box img.upsell_blur_chart.no_header {
  height: 30em;
}
body .page .content article section.box .upsell_text {
  background-color: #ffffff;
  position: absolute;
  z-index: 200;
  top: 10em;
  width: 50%;
  left: 25%;
}
body .page .content article section.box .upsell_text.no_header {
  top: 15em;
}
body .page .content article section.tabbed h3.empty {
  padding: 0;
  border: none;
  height: 0px;
}
body .page .content article section.tabbed h3.empty menu {
  margin-top: .5em;
  margin-right: .5em;
}
body .page .content article section.tabbed .metrics-open {
  display: block;
}
body .page .content article section.tabbed .metrics-closed {
  display: none;
}
body .page .content article section.tabbed .metric {
  width: 16.4%;
  margin: 2em 1% !important;
  padding: 0 .5%;
  display: inline-block;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0 0 0.5em 0.5em;
  -moz-border-radius: 0 0 0.5em 0.5em;
  border-radius: 0 0 0.5em 0.5em;
  border: 1px solid #999999;
  border-top-width: 0.4em;
  vertical-align: top;
  cursor: pointer;
}
@media only screen and (min-width:1030px) {
  body .page .content article section.tabbed .metric {
    width: 15.5%;
    padding: 0 1%;
  }
}
body .page .content article section.tabbed .metric.selected,
body .page .content article section.tabbed .metric.selected-base,
body .page .content article section.tabbed .metric.selected.selected-base {
  border-top-color: #40ade2;
  border-left-color: #999999;
}
body .page .content article section.tabbed .metric .popup-help {
  display: inline-block;
  vertical-align: middle;
  float: right;
}
body .page .content article section.tabbed .metric h5 {
  font-size: 1.3em;
  margin: .5em 0;
}
body .page .content article section.tabbed .metric p.number {
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  margin: .7143em 0;
}
body .page .content article section.tabbed .metric p.number.value {
  font-size: 2em;
  font-weight: normal;
  margin: .7em 0;
}
body .page .content article section img.help {
  margin: 0 6px;
}
body .page .content article section.main header,
body .page .content article section.big_chart header {
  padding: .8em;
}
body .page .content article section.main header .select-wrap,
body .page .content article section.big_chart header .select-wrap {
  width: 29em;
}
body .page .content article section.main header .select-wrap select,
body .page .content article section.big_chart header .select-wrap select {
  font-size: 1.5em;
}
body .page .content article section.main header .select-wrap select.select1,
body .page .content article section.big_chart header .select-wrap select.select1 {
  color: #3399dd;
}
body .page .content article section.main header .select-wrap select.select2,
body .page .content article section.big_chart header .select-wrap select.select2 {
  color: #33ccaa;
}
body .page .content article section.main header .select-wrap select optgroup,
body .page .content article section.big_chart header .select-wrap select optgroup {
  color: #999999;
}
body .page .content article section.main header .select-wrap select optgroup option,
body .page .content article section.big_chart header .select-wrap select optgroup option {
  color: #000000;
}
body .page .content article section.main header .select-wrap select optgroup option[disabled="disabled"],
body .page .content article section.big_chart header .select-wrap select optgroup option[disabled="disabled"] {
  color: #cccccc;
}
body .page .content article section.main header label.divider,
body .page .content article section.big_chart header label.divider {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5em;
  text-transform: uppercase;
  margin: 0 .6667em;
}
body .page .content article section.main header nav,
body .page .content article section.big_chart header nav {
  border-top: solid 1px #999999;
  margin: 1em 0;
  padding: .5em 0;
}
body .page .content article section.main header nav menu,
body .page .content article section.big_chart header nav menu {
  position: relative;
}
body .page .content article section.main header nav menu li,
body .page .content article section.big_chart header nav menu li {
  display: inline-block;
  float: none;
  margin: .3em;
}
body .page .content article section.main header nav menu li a,
body .page .content article section.big_chart header nav menu li a,
body .page .content article section.main header nav menu li span,
body .page .content article section.big_chart header nav menu li span {
  border: 1px solid #dddddd;
  background-color: #ffffff;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  color: #999999;
  cursor: pointer;
  font-size: 1.4em;
  padding: .5em .8em;
  text-transform: uppercase;
  line-height: 1em;
  padding: .5em;
  display: block;
}
body .page .content article section.main header nav menu li a:hover,
body .page .content article section.big_chart header nav menu li a:hover,
body .page .content article section.main header nav menu li span:hover,
body .page .content article section.big_chart header nav menu li span:hover {
  border-color: #3399dd;
  color: #3399dd;
  text-decoration: none;
}
body .page .content article section.main header nav menu li a span.loading,
body .page .content article section.big_chart header nav menu li a span.loading,
body .page .content article section.main header nav menu li span span.loading,
body .page .content article section.big_chart header nav menu li span span.loading {
  display: none;
  padding: 0;
  margin: 0;
  border: none;
}
body .page .content article section.main header nav menu li a span.loading.active,
body .page .content article section.big_chart header nav menu li a span.loading.active,
body .page .content article section.main header nav menu li span span.loading.active,
body .page .content article section.big_chart header nav menu li span span.loading.active {
  display: inline-block;
}
body .page .content article section.main header nav menu li.disabled a,
body .page .content article section.big_chart header nav menu li.disabled a,
body .page .content article section.main header nav menu li.disabled span,
body .page .content article section.big_chart header nav menu li.disabled span {
  background-color: #dddddd;
}
body .page .content article section.main header nav menu li.disabled a:hover,
body .page .content article section.big_chart header nav menu li.disabled a:hover,
body .page .content article section.main header nav menu li.disabled span:hover,
body .page .content article section.big_chart header nav menu li.disabled span:hover {
  color: grey;
  border-color: #dddddd;
  cursor: default;
}
body .page .content article section.main header nav menu li.disabled.locked a,
body .page .content article section.big_chart header nav menu li.disabled.locked a,
body .page .content article section.main header nav menu li.disabled.locked span,
body .page .content article section.big_chart header nav menu li.disabled.locked span {
  background: #dddddd url(../../images/app/icons/lock_666_13x14.png) no-repeat 93% center;
  padding-right: 1.5em;
}
body .page .content article section.main header nav menu li.range-inactive span,
body .page .content article section.big_chart header nav menu li.range-inactive span,
body .page .content article section.main header nav menu li.range-inactive span:hover,
body .page .content article section.big_chart header nav menu li.range-inactive span:hover {
  border: none;
  color: #dddddd;
  cursor: text;
}
body .page .content article section.main header nav menu li.range-selected span,
body .page .content article section.big_chart header nav menu li.range-selected span,
body .page .content article section.main header nav menu li a:hover,
body .page .content article section.big_chart header nav menu li a:hover,
body .page .content article section.main header nav menu li span:hover,
body .page .content article section.big_chart header nav menu li span:hover {
  border-color: #3399dd;
  color: #3399dd;
  text-decoration: none;
}
body .page .content article section.main header nav menu li .field_container,
body .page .content article section.big_chart header nav menu li .field_container {
  position: absolute;
  right: 0;
  z-index: 510;
  background-color: #ffffff;
  white-space: nowrap;
}
body .page .content article section.main header nav menu li .field_container input,
body .page .content article section.big_chart header nav menu li .field_container input {
  width: 20em;
  display: inline-block;
  font-size: 1.4em;
  padding: .5em;
  margin: 0;
  background-image: none;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0.3em 0 0 0.3em;
  -moz-border-radius: 0.3em 0 0 0.3em;
  border-radius: 0.3em 0 0 0.3em;
  vertical-align: middle;
}
body .page .content article section.main header nav menu li .field_container .close,
body .page .content article section.big_chart header nav menu li .field_container .close {
  display: inline-block;
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
  margin-left: -0.3em;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0 0.3em 0.3em 0;
  -moz-border-radius: 0 0.3em 0.3em 0;
  border-radius: 0 0.3em 0.3em 0;
  vertical-align: middle;
}
body .page .content article section.main header nav menu.range,
body .page .content article section.big_chart header nav menu.range {
  float: left;
}
body .page .content article section.main header nav menu.export,
body .page .content article section.big_chart header nav menu.export {
  float: right;
}
body .page .content article section.main header .dropdown,
body .page .content article section.big_chart header .dropdown {
  float: none;
  display: inline-block;
}
body .page .content article section.main header p.chart_type,
body .page .content article section.big_chart header p.chart_type {
  float: right;
  margin: .5em 0;
  font-size: 1.4em;
}
body .page .content article section.main header p.chart_type a,
body .page .content article section.big_chart header p.chart_type a {
  font-weight: 100;
  display: inline-block;
  margin: 0 1em;
}
body .page .content article section.main header p.chart_type a.chart-type-disabled,
body .page .content article section.big_chart header p.chart_type a.chart-type-disabled {
  color: #dddddd;
  cursor: text;
}
body .page .content article section.main header p.chart_type a.chart-type-disabled:hover,
body .page .content article section.big_chart header p.chart_type a.chart-type-disabled:hover {
  text-decoration: none;
}
body .page .content article section.main header p.chart_type a.selected,
body .page .content article section.big_chart header p.chart_type a.selected {
  font-weight: 800;
}
body .page .content article section.main header p.chart_type a.selected:hover,
body .page .content article section.big_chart header p.chart_type a.selected:hover {
  text-decoration: none;
}
body .page .content article section.main header p.chart_type a:first-child,
body .page .content article section.big_chart header p.chart_type a:first-child {
  border-right: 1px solid #dddddd;
  margin-right: 0;
  padding-right: 1em;
}
body .page .content article section.main .overlay_message.app,
body .page .content article section.big_chart .overlay_message.app {
  /* this is for the demo user template */
  clear: both;
  position: relative !important;
  height: 250px !important;
  display: block !important;
  width: 89% !important;
  left: 5% !important;
}
body .page .content article section.main .overlay_message.app div,
body .page .content article section.big_chart .overlay_message.app div {
  display: block !important;
  position: static;
  z-index: 1;
  width: 100%;
  background-color: #ffffff;
  padding: 0;
  text-align: center;
}
body .page .content article section.main .overlay_message.app div h3,
body .page .content article section.big_chart .overlay_message.app div h3 {
  color: #333333;
  font-weight: bold;
  font-size: 1.25em;
  margin-top: .5em;
  text-transform: uppercase;
}
body .page .content article section.main .overlay_message.app div p,
body .page .content article section.big_chart .overlay_message.app div 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 .page .content article section.main .overlay_message.app div p.button,
body .page .content article section.big_chart .overlay_message.app div p.button {
  width: 90%;
  padding: 1em 5%;
  margin: 1em 0;
}
body .page .content article section.main #compare-chart-container,
body .page .content article section.big_chart #compare-chart-container,
body .page .content article section.main #chart-container,
body .page .content article section.big_chart #chart-container {
  clear: both;
  position: relative;
  height: 250px !important;
  width: 100% !important;
  /* amcharts aligns the legend right and we make it left
                           within that so it doesn't end up offscreen */
  text-align: left;
}
body .page .content article section.main #compare-chart-container .chart,
body .page .content article section.big_chart #compare-chart-container .chart,
body .page .content article section.main #chart-container .chart,
body .page .content article section.big_chart #chart-container .chart,
body .page .content article section.main #compare-chart-container #chart,
body .page .content article section.big_chart #compare-chart-container #chart,
body .page .content article section.main #chart-container #chart,
body .page .content article section.big_chart #chart-container #chart {
  width: 100%;
  border: none!important;
  height: 100%;
  position: relative;
  clear: both;
}
body .page .content article section.main #compare-chart-container .chart.loading,
body .page .content article section.big_chart #compare-chart-container .chart.loading,
body .page .content article section.main #chart-container .chart.loading,
body .page .content article section.big_chart #chart-container .chart.loading,
body .page .content article section.main #compare-chart-container #chart.loading,
body .page .content article section.big_chart #compare-chart-container #chart.loading,
body .page .content article section.main #chart-container #chart.loading,
body .page .content article section.big_chart #chart-container #chart.loading {
  background-image: url(../../images/icons/ajax_loading.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
body .page .content article section.main #compare-chart-container .permalink-box,
body .page .content article section.big_chart #compare-chart-container .permalink-box,
body .page .content article section.main #chart-container .permalink-box,
body .page .content article section.big_chart #chart-container .permalink-box {
  position: absolute;
  right: 1em;
  top: 0;
  z-index: 510;
  background-color: #fff;
}
body .page .content article section.main #compare-chart-container .permalink-box input,
body .page .content article section.big_chart #compare-chart-container .permalink-box input,
body .page .content article section.main #chart-container .permalink-box input,
body .page .content article section.big_chart #chart-container .permalink-box input {
  width: 20em;
  display: inline-block;
  font-size: 1.4em;
  padding: .5em;
  margin: 0;
  background-image: none;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0.3em 0 0 0.3em;
  -moz-border-radius: 0.3em 0 0 0.3em;
  border-radius: 0.3em 0 0 0.3em;
  vertical-align: middle;
}
body .page .content article section.main #compare-chart-container .permalink-box .close,
body .page .content article section.big_chart #compare-chart-container .permalink-box .close,
body .page .content article section.main #chart-container .permalink-box .close,
body .page .content article section.big_chart #chart-container .permalink-box .close {
  display: inline-block;
  color: #ffffff;
  background-color: #999999;
  margin-left: -0.3em;
  cursor: pointer;
  font-size: 1.4em;
  padding: 0.5em;
  text-transform: uppercase;
  border: 1px solid #999999;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0 0.3em 0.3em 0;
  -moz-border-radius: 0 0.3em 0.3em 0;
  border-radius: 0 0.3em 0.3em 0;
  vertical-align: middle;
}
body .page .content article section.main #compare-chart-container #no-chart-content,
body .page .content article section.big_chart #compare-chart-container #no-chart-content,
body .page .content article section.main #chart-container #no-chart-content,
body .page .content article section.big_chart #chart-container #no-chart-content {
  height: 100%;
  width: 100%;
}
body .page .content article section.main #compare-chart-container #no-chart-content img,
body .page .content article section.big_chart #compare-chart-container #no-chart-content img,
body .page .content article section.main #chart-container #no-chart-content img,
body .page .content article section.big_chart #chart-container #no-chart-content img {
  height: inherit;
}
body .page .content article section.main #compare-chart-container #no-chart-content .upsell_text h3,
body .page .content article section.big_chart #compare-chart-container #no-chart-content .upsell_text h3,
body .page .content article section.main #chart-container #no-chart-content .upsell_text h3,
body .page .content article section.big_chart #chart-container #no-chart-content .upsell_text h3 {
  text-align: center;
  border-bottom: none;
}
body .page .content article section.main #compare-chart-container #no-chart-content .upsell_text.no_header,
body .page .content article section.big_chart #compare-chart-container #no-chart-content .upsell_text.no_header,
body .page .content article section.main #chart-container #no-chart-content .upsell_text.no_header,
body .page .content article section.big_chart #chart-container #no-chart-content .upsell_text.no_header {
  top: 8em;
}
body .page .content article section.referrals table,
body .page .content article section.traffic table {
  margin: 0;
  width: 100%;
  table-layout: fixed;
}
body .page .content article section.referrals table th,
body .page .content article section.traffic table th,
body .page .content article section.referrals table td,
body .page .content article section.traffic table td {
  font-weight: normal;
  font-size: 1.4em;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  max-width: auto;
}
body .page .content article section.referrals table th.data,
body .page .content article section.traffic table th.data,
body .page .content article section.referrals table td.data,
body .page .content article section.traffic table td.data {
  text-align: right;
}
body .page .content article section.referrals table th.site a,
body .page .content article section.traffic table th.site a,
body .page .content article section.referrals table td.site a,
body .page .content article section.traffic table td.site a,
body .page .content article section.referrals table th.keyword a,
body .page .content article section.traffic table th.keyword a,
body .page .content article section.referrals table td.keyword a,
body .page .content article section.traffic table td.keyword a {
  /* truncate/ellipsis for long values */
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body .page .content article section.referrals table th.site,
body .page .content article section.traffic table th.site,
body .page .content article section.referrals table th.keyword,
body .page .content article section.traffic table th.keyword {
  width: 65%;
}
body .page .content article section.referrals table th.data,
body .page .content article section.traffic table th.data {
  text-align: right;
}
body .page .content article section.referrals table td,
body .page .content article section.traffic table td {
  line-height: 1.4em;
  padding: .357em 4%;
}
body .page .content article section.referrals table td.site a,
body .page .content article section.traffic table td.site a,
body .page .content article section.referrals table td.keyword a,
body .page .content article section.traffic table td.keyword a {
  /* truncate/ellipsis for long values */
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
body .page .content article section.referrals table td.data,
body .page .content article section.traffic table td.data {
  text-align: right;
}
body .page .content article section.referrals .no-data,
body .page .content article section.traffic .no-data {
  font-size: 1.4em;
  padding: 1.2em;
}
body .page .content article section.referrals table th.keyword {
  width: 65%;
}
body .page .content article section.referrals table th.data {
  width: 35%;
}
body .page .content article section.traffic table th.site {
  width: 40%;
}
body .page .content article section.traffic table th.data {
  width: 30%;
}
body .page .content article section.metric,
body .page .content article section.metric.box {
  width: 48.6%;
  display: inline-block;
  margin: 0px 0.333% !important;
  position: relative;
  border-left: 0.4em solid #999999;
}
@media only screen and (min-width:1030px) {
  body .page .content article section.metric,
  body .page .content article section.metric.box {
    width: 98%;
    margin: 0 0 .5em !important;
    display: block;
  }
}
body .page .content article section.metric:hover ul.metric-actions li,
body .page .content article section.metric.box:hover ul.metric-actions li {
  border-color: #40ade2;
  background-color: #40ade2;
}
body .page .content article section.metric.primary,
body .page .content article section.metric.box.primary,
body .page .content article section.metric.selected.selected-base,
body .page .content article section.metric.box.selected.selected-base {
  border-left-color: #3399dd;
}
body .page .content article section.metric.primary ul.metric-actions li.to-dashboard,
body .page .content article section.metric.box.primary ul.metric-actions li.to-dashboard,
body .page .content article section.metric.selected.selected-base ul.metric-actions li.to-dashboard,
body .page .content article section.metric.box.selected.selected-base ul.metric-actions li.to-dashboard {
  border-color: #3399dd;
  background-color: #3399dd;
}
body .page .content article section.metric.primary ul.metric-actions li.chart-compare,
body .page .content article section.metric.box.primary ul.metric-actions li.chart-compare,
body .page .content article section.metric.selected.selected-base ul.metric-actions li.chart-compare,
body .page .content article section.metric.box.selected.selected-base ul.metric-actions li.chart-compare,
body .page .content article section.metric.primary ul.metric-actions li.chart-delete,
body .page .content article section.metric.box.primary ul.metric-actions li.chart-delete,
body .page .content article section.metric.selected.selected-base ul.metric-actions li.chart-delete,
body .page .content article section.metric.box.selected.selected-base ul.metric-actions li.chart-delete {
  display: none;
}
body .page .content article section.metric.secondary,
body .page .content article section.metric.box.secondary,
body .page .content article section.metric.selected,
body .page .content article section.metric.box.selected {
  border-left-color: #77ddbb;
}
body .page .content article section.metric.secondary ul.metric-actions li.to-dashboard,
body .page .content article section.metric.box.secondary ul.metric-actions li.to-dashboard,
body .page .content article section.metric.selected ul.metric-actions li.to-dashboard,
body .page .content article section.metric.box.selected ul.metric-actions li.to-dashboard,
body .page .content article section.metric.secondary ul.metric-actions li.chart-delete,
body .page .content article section.metric.box.secondary ul.metric-actions li.chart-delete,
body .page .content article section.metric.selected ul.metric-actions li.chart-delete,
body .page .content article section.metric.box.selected ul.metric-actions li.chart-delete {
  border-color: #77ddbb;
  background-color: #77ddbb;
  display: inline-block;
}
body .page .content article section.metric.secondary ul.metric-actions li.chart-compare,
body .page .content article section.metric.box.secondary ul.metric-actions li.chart-compare,
body .page .content article section.metric.selected ul.metric-actions li.chart-compare,
body .page .content article section.metric.box.selected ul.metric-actions li.chart-compare {
  display: none;
}
body .page .content article section.metric.metric-no-data td,
body .page .content article section.metric.box.metric-no-data td {
  display: none;
}
body .page .content article section.metric.metric-no-data .no-data,
body .page .content article section.metric.box.metric-no-data .no-data {
  font-size: 1.5em;
  padding: 1em;
  text-align: center;
}
body .page .content article section.metric.metric-no-data ul.metric-actions,
body .page .content article section.metric.box.metric-no-data ul.metric-actions {
  display: none;
}
body .page .content article section.metric h4,
body .page .content article section.metric.box h4 {
  border: none;
  font-weight: bold;
  font-size: 1.4em;
  padding: .5em 1em;
}
body .page .content article section.metric h5,
body .page .content article section.metric.box h5 {
  font-weight: normal;
  font-size: 1.4em;
  padding: .5em 1em .25em;
}
body .page .content article section.metric p.data,
body .page .content article section.metric.box p.data {
  margin: .5em 1em;
  font-weight: bold;
}
body .page .content article section.metric p.data.main,
body .page .content article section.metric.box p.data.main {
  font-size: 2.5em;
  margin: 0.25em .5em;
}
body .page .content article section.metric ul.metric-actions,
body .page .content article section.metric.box ul.metric-actions {
  float: right;
  margin: .4em .7em;
}
body .page .content article section.metric ul.metric-actions li,
body .page .content article section.metric.box ul.metric-actions li {
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  background-color: #dddddd;
  color: #ffffff;
  text-transform: uppercase;
  border: 1px solid #dddddd;
  font-size: 1em;
  text-align: center;
  position: relative;
}
body .page .content article section.metric ul.metric-actions li a,
body .page .content article section.metric.box ul.metric-actions li a {
  color: #ffffff;
}
body .page .content article section.metric ul.metric-actions li a:hover,
body .page .content article section.metric.box ul.metric-actions li a:hover {
  text-decoration: none;
}
body .page .content article section.metric ul.metric-actions li.to-dashboard,
body .page .content article section.metric.box ul.metric-actions li.to-dashboard,
body .page .content article section.metric ul.metric-actions li.chart-delete,
body .page .content article section.metric.box ul.metric-actions li.chart-delete {
  height: 1.7em;
  width: 1.7em;
  padding: 0;
  /* if just one argument, this will be used */
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
body .page .content article section.metric ul.metric-actions li.to-dashboard a,
body .page .content article section.metric.box ul.metric-actions li.to-dashboard a,
body .page .content article section.metric ul.metric-actions li.chart-delete a,
body .page .content article section.metric.box ul.metric-actions li.chart-delete a {
  position: absolute;
  font-size: 2.5em;
  font-weight: lighter;
  width: .68em;
  height: .68em;
  top: -0.16em;
  left: 0;
}
body .page .content article section.metric ul.metric-actions li.chart-compare,
body .page .content article section.metric.box ul.metric-actions li.chart-compare {
  /* if just one argument, this will be used */
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: .25em;
  font-size: 1.2em;
}
body .page .content article section.metric ul.metric-actions li.chart-delete,
body .page .content article section.metric.box ul.metric-actions li.chart-delete {
  display: none;
}
body .page .content article section.metric table,
body .page .content article section.metric.box table {
  width: 100%;
  margin-bottom: 1em;
}
body .page .content article section.metric table th,
body .page .content article section.metric.box table th {
  text-align: left;
  line-height: 1;
  vertical-align: top;
}
body .page .content article section.metric table th.metric,
body .page .content article section.metric.box table th.metric {
  font-size: 1.4em;
  vertical-align: top;
  width: 38%;
  padding: 1em 3% 0;
  font-weight: bold;
}
body .page .content article section.metric table th.metric span,
body .page .content article section.metric.box table th.metric span,
body .page .content article section.metric table th.metric img,
body .page .content article section.metric.box table th.metric img {
  vertical-align: middle;
}
body .page .content article section.metric table th.metric img.popup-help,
body .page .content article section.metric.box table th.metric img.popup-help {
  height: 13px;
}
body .page .content article section.metric table th.range,
body .page .content article section.metric.box table th.range {
  font-size: 1.2em;
  width: 24%;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1.16667em 2% 0;
  white-space: nowrap;
}
body .page .content article section.metric table td,
body .page .content article section.metric.box table td {
  text-align: left;
  font-size: 1.2em;
  padding: .25em 2%;
  vertical-align: top;
  line-height: 1;
  background-color: #ffffff;
}
body .page .content article section.metric table td.main,
body .page .content article section.metric.box table td.main {
  font-size: 2em;
  padding: 0.5em 3% 0px;
  font-weight: normal;
}
body .page .content article section.metric table td.delta-positive,
body .page .content article section.metric.box table td.delta-positive {
  color: #33aa22;
}
body .page .content article section.metric table td.delta-negative,
body .page .content article section.metric.box table td.delta-negative {
  color: #dd0000;
}
body .page .content article section.demographics {
  position: relative;
}
body .page .content article section.demographics menu.legend {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.5em;
}
body .page .content article section.demographics menu.legend li {
  font-size: 1.4em;
  color: #666666;
  display: inline-block;
}
body .page .content article section.demographics menu.legend li:before {
  background-color: #000000;
  /* if just one argument, this will be used */
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  content: "";
  height: 1em;
  width: 1em;
  display: inline-block;
  margin: 0 .25em 0 1em;
  vertical-align: middle;
}
body .page .content article section.demographics menu.legend li.site:before {
  background-color: #77ddbb;
}
body .page .content article section.demographics menu.legend li.browser:before {
  background-color: #3399dd;
}
body .page .content article section.demographics .clustered_bar .chart,
body .page .content article section.demographics .clustered_bar .no-data {
  float: left;
  width: 31%;
  position: relative;
  display: block;
  margin: 2.5em 1% 2em;
  margin: 0;
  height: 25em;
}
body .page .content article section.demographics .clustered_bar .chart h4 {
  color: #666666;
  margin: 0 0 0 2em;
  text-align: center;
  font-size: 1.5em;
  border: none;
}
body .page .content article section.demographics .clustered_bar .no-data h4 {
  color: #ffffff;
  top: 45%;
  position: relative;
  margin: 0;
  border: none;
}
body .page .content article section.demographics .clustered_bar .no-data .chart {
  height: 25em;
  width: 100%;
  background-color: #cccccc;
  position: relative;
}
body .page .content article section ul.accordion {
  list-style: none;
}
body .page .content article section ul.accordion li {
  list-style: none;
}
body .page .content article section ul.accordion li.opened .metric_group {
  display: block;
}
body .page .content article section ul.accordion li .metric_group {
  display: none;
}
body .page .content article section ul.accordion li .metric_group section.metric {
  margin: 0;
  position: relative;
  background-position: right center;
  background-repeat: no-repeat;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #999999;
  border-left-color: #ffffff;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 99%;
}
body .page .content article section ul.accordion li .metric_group section.metric.primary {
  border-left-color: #3399dd;
}
body .page .content article section ul.accordion li .metric_group section.metric.secondary {
  border-left-color: #77ddbb;
}
body .page .content article section ul.accordion li .metric_group section.metric .inner {
  background-color: transparent;
  background-image: -moz-linear-gradient(left, #ffffff 0%, #ffffff 65%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 85%, #ffffff 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left, right, color-stop(0%, #ffffff), color-stop(65%, #ffffff), color-stop(75%, rgba(255, 255, 255, 0)), color-stop(85%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 65%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 85%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(left, #ffffff 0%, #ffffff 65%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 85%, #ffffff 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(left, #ffffff 0%, #ffffff 65%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 85%, #ffffff 100%);
  background-image: linear-gradient(to right, #ffffff 0%, #ffffff 65%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 85%, #ffffff 100%);
  /* W3C */
}
body .page .content article section ul.accordion li .metric_group section.metric .inner table {
  width: 70%;
}
body .page .content article section ul.accordion li .metric_group section.metric .inner table th.metric {
  width: 38%;
}
body .page .content article section ul.accordion li .metric_group section.metric .inner table th.range {
  width: 24%;
}
body .page .content article section ul.accordion li h4 {
  background: transparent url(../../images/app/icons/arrow-right-14-999.png) no-repeat 98% center;
}
body .page .content article section ul.accordion li.opened ul {
  display: block;
}
body .page .content article section ul.accordion li.opened h4 {
  color: #40ade2;
  background-image: url(../../images/app/icons/arrow-down-14-40ADE2.png);
}
body .page .content article.search_base section.form h3 {
  border: none;
  padding: 0;
  margin: 1.5em 0.333% 0;
  background-color: transparent;
}
body .page .content article.search_base section.form form {
  font-size: 1.5em;
  margin: .2em 0.333% .7333em;
}
body .page .content article.search_base section.form form input,
body .page .content article.search_base section.form form button,
body .page .content article.search_base section.form form .toggle_styled {
  margin: 0;
  padding: .7333em 1em;
  vertical-align: middle;
}
body .page .content article.search_base section.form form input[type="text"],
body .page .content article.search_base section.form form button[type="text"],
body .page .content article.search_base section.form form .toggle_styled[type="text"] {
  width: 12em;
  height: 1.5em;
  padding: .5em 1em;
}
body .page .content article.search_base section.form form input[type="submit"],
body .page .content article.search_base section.form form button {
  line-height: 1;
  height: 2.6em;
}
body .page .content article.search_base section.form form p.compare_link {
  display: inline-block;
  vertical-align: middle;
  margin: .7333em;
  color: #2288cc;
  cursor: pointer;
}
body .page .content article.search_base section.form form .categories-dropdown-wrapper {
  width: 50%;
}
body .page .content article.search_base section.form form .categories-dropdown-wrapper .nav-wrap .ap-ddmenu {
  min-height: 7em !important;
}
body .page .content article.search_base section.form form .categories-dropdown-wrapper .nav-wrap li ul {
  height: 6em;
}
body .page .content article.search_base section.form form.keyword-form label {
  margin-left: 1em;
}
body .page .content article.search_base section.form form.keyword-form label input[type="radio"] {
  margin-right: .5em;
}
body .page .content article.search_base section.form form .spinner {
  left: 12.5em;
  top: 0.7em;
  display: none !important;
  /*until we get new designs*/
}
body .page .content article.search_base #data-container table {
  table-layout: fixed;
}
body .page .content article.search_base #data-container table th.data,
body .page .content article.search_base #data-container table td.data {
  text-align: right;
  width: 15%;
}
body .page .content article.search_base #data-container table th.site,
body .page .content article.search_base #data-container table td.site,
body .page .content article.search_base #data-container table th.category,
body .page .content article.search_base #data-container table td.category {
  text-align: left;
}
body .page .content article.search_base #data-container table th.site a,
body .page .content article.search_base #data-container table td.site a,
body .page .content article.search_base #data-container table th.category a,
body .page .content article.search_base #data-container table td.category a {
  /* truncate/ellipsis for long values */
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  line-height: 1.2;
}
body .page .content article.search_base #data-container table th.site,
body .page .content article.search_base #data-container table td.site {
  width: 30%;
}
body .page .content article.search_base #data-container table th.category,
body .page .content article.search_base #data-container table td.category {
  width: 20%;
}
body .page .content article.traffic-dash .box.top.traffic-summary,
body .page .content article.traffic-dash .box.top.top-referring-sites,
body .page .content article.traffic-dash .box.top.top-lost-competitive {
  min-height: 36.8em;
}
body .page .content article.traffic-dash .box.top.traffic-summary #traffic_summary_chart {
  width: 46%;
  height: 15em;
  margin: 1em 3% .5em;
  display: inline-block;
}
body .page .content article.traffic-dash .box.top.traffic-summary .metrics {
  width: 47%;
  display: inline-block;
  float: right;
}
body .page .content article.traffic-dash .box.top .metrics .metric {
  border-top: 1px solid #999999;
  text-align: right;
  clear: both;
  padding: 1.5em;
}
body .page .content article.traffic-dash .box.top .metrics .metric:first-child {
  border-top: none;
}
body .page .content article.traffic-dash .box.top .metrics .metric .name {
  float: left;
  text-align: left;
  font-size: 1.5em;
}
body .page .content article.traffic-dash .box.top .metrics .metric .value {
  font-size: 2em;
}
body .page .content article.traffic-dash .box.top .metrics .metric .delta {
  font-size: 1.3em;
}
body .page .content article.traffic-dash .box.top .metrics .metric.main .value {
  font-size: 3em;
}
body .page .content article.traffic-dash .box.top .metrics .metric.main .delta {
  font-size: 1.6em;
}
@media only screen and (min-width:1030px) {
  body .page .content article.traffic-dash .box.top.traffic-summary #traffic_summary_chart {
    width: 94%;
    height: 10em;
    display: block;
  }
  body .page .content article.traffic-dash .box.top.traffic-summary .metrics {
    width: 100%;
    display: block;
    float: none;
  }
}
body .page .content article.traffic-dash p.legend {
  font-size: 1.4em;
  margin: 1em;
  display: inline-block;
  vertical-align: middle;
}
body .page .content article.traffic-dash p.legend span {
  display: inline-block;
}
body .page .content article.traffic-dash p.legend span.min {
  color: #dd0000;
}
body .page .content article.traffic-dash p.legend span.max {
  color: #33aa22;
}
body .page .content article.traffic-dash p.legend span.box {
  height: .5em;
  width: 1.5em;
  border: 1px solid #ffffff;
  /* if just one argument, this will be used */
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}
body .page .content article.traffic-dash .mosaic h4 .popup-help {
  float: right;
}
body .page .content article.traffic-dash .mosaic #category-crumbs span {
  margin-right: .5em;
}
body .page .content article.traffic-dash .mosaic #category-crumbs span.mid-container .crumb.mid:before {
  content: "> ";
}
body .page .content article.traffic-dash .mosaic #category-crumbs span.instructions {
  display: inline-block;
  float: right;
}
body .page .content article.traffic-dash .mosaic header nav {
  border: none;
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin: 0;
}
body .page .content article.traffic-dash .mosaic #mosaic-category {
  clear: both;
}
body .page .content article.traffic-dash .mosaic div.loading {
  position: static;
  height: 400px;
  width: 100%;
  text-align: center;
}
body .page .content article.traffic-dash #change-graph .legend .label {
  color: #3399dd;
  font-weight: bold;
  margin-right: .5em;
}
body .page .content article.traffic-dash #change-graph #change-graph-inner {
  height: 250px;
  clear: both;
}
body .page .content article.traffic-dash .channel-intelligence {
  overflow: visible;
}
body .page .content article.traffic-dash .channel-intelligence .site-color {
  background-color: #40ade2;
}
body .page .content article.traffic-dash .channel-intelligence .cat-color {
  background-color: #87c540;
}
body .page .content article.traffic-dash .channel-intelligence .legend {
  float: none;
  font-size: 1.2em;
  font-style: italic;
  display: block;
}
body .page .content article.traffic-dash .channel-intelligence .legend .item {
  display: inline-block;
  width: 49%;
  margin: 0;
  /* truncate/ellipsis for long values */
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body .page .content article.traffic-dash .channel-intelligence .legend .item .key {
  height: .75em;
  width: .75em;
  margin-right: .5em;
  display: inline-block;
  vertical-align: middle;
  /* if just one argument, this will be used */
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}
body .page .content article.traffic-dash .channel-intelligence h4 {
  border-bottom: none;
  padding: 0;
  margin: 1.667em 0 .6667em 0;
  height: auto;
}
body .page .content article.traffic-dash .channel-intelligence .channel {
  margin: 0 1.4em;
}
body .page .content article.traffic-dash .channel-intelligence .channel .value-bar {
  font-size: 2em;
  margin: .5em 0;
}
body .page .content article.traffic-dash .channel-intelligence .channel .value-bar span {
  display: inline-block;
  vertical-align: middle;
}
body .page .content article.traffic-dash .channel-intelligence .channel .value-bar span.value {
  min-width: 3em;
}
body .page .content article.traffic-dash .channel-intelligence .channel .value-bar span.bar {
  height: 1em;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0.1em;
  -moz-border-radius: 0.1em;
  border-radius: 0.1em;
}
body .page .content article.traffic-dash .channel-intelligence .categories-dropdown-wrapper {
  margin: 1.667em .9333em 0.6667em;
}
body .page .content article.traffic-dash .channel-intelligence .categories-dropdown-wrapper .type {
  position: absolute;
  left: 85%;
  top: 20%;
}
body .page .content article.traffic-dash .channel-intelligence .categories-dropdown-wrapper .toggle_styled {
  padding: .3333em;
  margin: 0;
}
body .page .content article.traffic-dash .channel-intelligence .categories-dropdown-wrapper .nav-wrap {
  width: 99.4%;
  margin-top: -5px;
}
body .page .content article.traffic-dash .channel-intelligence .categories-dropdown-wrapper .nav-wrap .ap-ddmenu {
  border-color: #cccccc;
  background-color: #ffffff;
  height: 7em !important;
}
body .page .content article.traffic-dash .channel-intelligence .categories-dropdown-wrapper .nav-wrap li ul {
  height: 6em;
}
body .page .content article.traffic-dash .traffic-insights {
  position: relative;
}
body .page .content article.traffic-dash .traffic-insights menu {
  width: 25%;
  float: left;
}
body .page .content article.traffic-dash .traffic-insights menu li span {
  border-left: 3px solid #ffffff;
  font-size: 1.4em;
  padding: 1em 1.5em;
  margin: .5em 0;
  display: block;
  color: #3399dd;
  cursor: pointer;
}
body .page .content article.traffic-dash .traffic-insights menu li.selected span {
  border-left-color: #3399dd;
  background-color: #e2f0fa;
}
body .page .content article.traffic-dash .traffic-insights .content-traffic,
body .page .content article.traffic-dash .traffic-insights .content-noresults,
body .page .content article.traffic-dash .traffic-insights .content-loading {
  width: 75%;
  float: left;
  border-left: 1px solid #999999;
  margin-left: -1px;
}
body .page .content article.traffic-dash .traffic-insights .content-traffic table,
body .page .content article.traffic-dash .traffic-insights .content-noresults table,
body .page .content article.traffic-dash .traffic-insights .content-loading table {
  margin: 0;
}
body .page .content article.traffic-dash .traffic-insights .content-traffic table .value,
body .page .content article.traffic-dash .traffic-insights .content-noresults table .value,
body .page .content article.traffic-dash .traffic-insights .content-loading table .value,
body .page .content article.traffic-dash .traffic-insights .content-traffic table .share,
body .page .content article.traffic-dash .traffic-insights .content-noresults table .share,
body .page .content article.traffic-dash .traffic-insights .content-loading table .share {
  text-align: right;
}
body .page .content article.traffic-dash .traffic-insights .content-loading p {
  margin: 7em auto;
  text-align: center;
}
body .page .content article.traffic-dash .traffic-insights .content-noresults p {
  min-height: 14em;
}
body .page .content article.traffic-dash .traffic-insights #insights-see-all {
  color: #ffffff;
  background-color: #3399dd;
  border: 1px solid #ffffff;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  text-align: center;
  display: block;
  padding: 1em;
  margin: 0.5em;
  font-size: 1.2em;
  font-weight: bold;
}
body .page .content article.similar .score a {
  text-decoration: none;
}
body .page .content article.similar .relatedness-link {
  float: right;
  padding: 0;
  margin: 1.2em 1em 0 0;
  font-size: 1.4em;
}
body .page .content article.similar .gallery {
  padding: 1em 2em;
}
body .page .content article.similar .gallery .item {
  display: inline-block;
  width: 200px;
  margin: 1em 1%;
  padding: 0;
  vertical-align: top;
  background-color: #ffffff;
  border: solid 1px #999999;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
body .page .content article.similar .gallery .item h3 {
  padding-top: .5em;
  padding-bottom: .5em;
}
body .page .content article.similar .gallery .item h3 a {
  /* truncate/ellipsis for long values */
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body .page .content article.similar .gallery .item .image {
  width: 200px;
  height: 133px;
  text-align: center;
  background-color: #eee;
}
body .page .content article.similar .gallery .item .image img {
  width: 100%;
}
body .page .content article.similar .gallery .item menu.function {
  width: 100%;
  text-align: right;
  height: 3.5em;
}
body .page .content article.similar .gallery .item menu.function li {
  float: left;
  font-size: 1.4em;
  padding: .5em;
  line-height: 1.5;
  width: 30%;
}
body .page .content article.similar .gallery .item menu.function li.score {
  text-align: right;
  overflow: visible;
  color: #999999;
  cursor: text;
}
body .page .content article.similar .gallery .item menu.function li.score.high {
  color: #ff9900;
}
body .page .content article.similar .gallery .item menu.function li.add-to-list {
  background: transparent url(../../images/app/icons/site_summary_functions.png) no-repeat 7px -93px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
body .page .content article.similar .gallery .item menu.function li.add-to-list.saved {
  background-position: 7px 7px;
}
body .page .content article.similar .gallery .item menu.function li.add-to-list.saved:hover {
  background-position: 7px -43px;
}
body .page .content article.similar .gallery .item menu.function li.add-to-list:hover {
  background-position: 7px -143px;
}
body .page .content article.similar .gallery .item menu.function li.visit {
  background: transparent url(../../images/app/icons/new_window.png) no-repeat center center;
  cursor: pointer;
  width: 2em;
  height: 1.5em;
}
body .page .content article.similar .gallery .item menu.function li.visit:hover {
  background-image: url(../../images/app/icons/new_window_blue_green.png);
}
body .page .content article.similar table.list th.score a:hover {
  text-decoration: underline;
}
body .page .content article.similar table.list td,
body .page .content article.similar table.list th {
  text-align: right;
}
body .page .content article.similar table.list td.url,
body .page .content article.similar table.list th.url {
  text-align: left;
}
body .page .content article.similar table.list td.actions,
body .page .content article.similar table.list th.actions {
  text-align: center;
}
body .page .content article.similar table.list td.url a {
  display: inline-block;
  vertical-align: middle;
}
body .page .content article.similar table.list td.url img.logo {
  width: 16px;
  height: 16px;
  margin-right: 1em;
  display: inline-block;
  vertical-align: middle;
}
body .page .content article.similar table.list td.score span {
  display: block;
}
body .page .content article.similar table.list td.score a {
  color: #999999;
  cursor: text;
}
body .page .content article.similar table.list td.score.high a {
  color: #ff9900;
}
body .page .content article.similar table.list td.metric {
  color: #666666;
}
body .page .content article.similar table.list td.metric span {
  display: block;
}
body .page .content article.similar table.list td.actions a {
  display: inline-block;
  height: 1em;
  margin: 0 1em;
}
body .page .content article.similar table.list td.actions .add-to-list {
  background: transparent url(../../images/app/icons/site_summary_functions.png) no-repeat 0 -100px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
body .page .content article.similar table.list td.actions .add-to-list.saved {
  background-position: 0 0;
}
body .page .content article.similar table.list td.actions .add-to-list.saved:hover {
  background-position: 0 -50px;
}
body .page .content article.similar table.list td.actions .add-to-list:hover {
  background-position: 0 -150px;
}
body .page .content article.similar table.list td.actions .visit {
  background: transparent url(../../images/app/icons/new_window.png) no-repeat center center;
  cursor: pointer;
  width: 2em;
  height: 1.5em;
}
body .page .content article.similar table.list td.actions .visit:hover {
  background-image: url(../../images/app/icons/new_window_blue_green.png);
}
body .page .content section.user_upsell_text {
  /* this is for demo and anonymous users */
  float: right;
  clear: right;
  padding: 0.1em 0.7em;
  background-color: #ffffff;
  border: solid 1px #999999;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
body .page .content section.user_upsell_text p {
  font-size: 1.25em;
}
body .page .content section.user_upsell_text.demo_user {
  margin: 0.5em 0 0 0;
}
body .page.comparison hgroup p#add-group {
  font-size: 1.7em;
  padding: 0.5em 0.7em;
  margin: 0;
  font-weight: 100;
}
body .page.comparison hgroup .group_title_wrapper h2 {
  max-width: 80%;
}
body .page.comparison hgroup .group_title_wrapper h2 .group_title {
  /* truncate/ellipsis for long values */
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  max-width: 80%;
}
body .page.comparison hgroup .group_title_wrapper button,
body .page.comparison hgroup .group_title_wrapper input {
  padding: 0.5em 0.7em;
  margin: 0px;
  font-size: 0.5em;
  line-height: 1;
  vertical-align: middle;
  font-weight: 100;
}
body .page.comparison hgroup .group_title_wrapper input {
  font-size: 1.7em;
}
body .page.comparison hgroup .group_title_wrapper button.edit {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  color: #999999;
  cursor: pointer;
  font-size: 0.5357em;
  padding: .5em .8em;
  text-transform: uppercase;
  line-height: 1em;
  height: 2.25em;
  display: inline-block;
  margin: 0 0 0 1em;
  background-position: .6em center;
  background-repeat: no-repeat;
  background-image: url(../../images/app/icons/sprite_buttons.png);
  background-position: 0.6em -111px;
  vertical-align: middle;
}
body .page.comparison hgroup .group_title_wrapper button.edit:hover {
  border-color: #3399dd;
  color: #3399dd;
  text-decoration: none;
}
body .page.comparison hgroup .group_title_wrapper button.edit:hover {
  background-position: 0.6em -141px;
}
body .page.comparison hgroup .group_title_wrapper button.edit.disabled a,
body .page.comparison hgroup .group_title_wrapper button.edit.disabled span {
  background-color: #dddddd;
}
body .page.comparison hgroup .group_title_wrapper button.edit.disabled a:hover,
body .page.comparison hgroup .group_title_wrapper button.edit.disabled span:hover {
  color: grey;
  border-color: #dddddd;
  cursor: default;
}
body .page.comparison hgroup .group_title_wrapper button.edit.disabled.locked a,
body .page.comparison hgroup .group_title_wrapper button.edit.disabled.locked span {
  background: #dddddd url(../../images/app/icons/lock_666_13x14.png) no-repeat 93% center;
  padding-right: 1.5em;
}
body .page.comparison hgroup .group_title_wrapper form.new_edit input.group-name {
  font-size: 2.4em;
  width: 55%;
  margin-right: 0.5em;
  line-height: 1.25em;
  height: 1.25em;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  margin: 0 0.5em 0 0;
  padding: 0.125em 0.4em;
  vertical-align: middle;
}
body .page.comparison hgroup .group_title_wrapper form.new_edit .spin {
  display: none;
}
body .page.comparison hgroup .group_title_wrapper form.new_edit.spinner .spin {
  display: inline-block;
  vertical-align: middle;
}
body .page.comparison #group-display {
  min-height: 30em;
}
body .page.comparison #group-display .new-site {
  border: none;
  border-bottom: 1px solid #999999;
  /* if just one argument, this will be used */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 1.6em;
  height: 1em;
  padding: 1em;
  font-weight: normal;
  color: #888888;
}
body .page.comparison #group-display .new-site form {
  display: inline-block;
  margin: -0.5em;
  width: 50%;
}
body .page.comparison #group-display .new-site form input {
  margin: 0;
  font-size: 0.875em;
  padding: 0.6em;
}
body .page.comparison #group-display .new-site form input.site-name {
  width: 75%;
}
body .page.comparison #group-display table {
  table-layout: fixed;
  overflow: visible;
}
body .page.comparison #group-display table tr.js_title_area {
  background-color: #ffffff;
}
body .page.comparison #group-display table td p,
body .page.comparison #group-display table th p {
  font-size: 1em !important;
  margin: 0;
}
body .page.comparison #group-display table td.rank,
body .page.comparison #group-display table th.rank,
body .page.comparison #group-display table td.checkbox,
body .page.comparison #group-display table th.checkbox {
  text-align: left;
  width: 3%;
}
body .page.comparison #group-display table td.site-name,
body .page.comparison #group-display table th.site-name {
  text-align: left;
  width: 35%;
}
body .page.comparison #group-display table td.site-name a,
body .page.comparison #group-display table th.site-name a {
  /* truncate/ellipsis for long values */
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  padding-left: 1em;
}
body .page.comparison #group-display table td.number,
body .page.comparison #group-display table th.number,
body .page.comparison #group-display table td.metric,
body .page.comparison #group-display table th.metric,
body .page.comparison #group-display table td.time-frame,
body .page.comparison #group-display table th.time-frame {
  text-align: right;
  width: 15%;
}
body .page.comparison #group-display table td.warning,
body .page.comparison #group-display table th.warning {
  text-align: center;
  width: 15%;
}
body .page.comparison #group-display table td.edit-options,
body .page.comparison #group-display table th.edit-options,
body .page.comparison #group-display table td.remove,
body .page.comparison #group-display table th.remove {
  text-align: center;
  width: 10%;
}
body .page.comparison #group-display table td.no-data,
body .page.comparison #group-display table th.no-data {
  text-align: center;
}
body .page.comparison #group-display table td.drag .grippy,
body .page.comparison #group-display table th.drag .grippy {
  display: block;
  cursor: move;
}
body .page.comparison #group-display table td.drag .grippy.disable,
body .page.comparison #group-display table th.drag .grippy.disable {
  cursor: default;
}
body .page.comparison #group-display table td.drag .grippy .handle,
body .page.comparison #group-display table th.drag .grippy .handle,
body .page.comparison #group-display table td.drag .grippy p,
body .page.comparison #group-display table th.drag .grippy p {
  vertical-align: middle;
  display: inline-block;
}
body .page.comparison #group-display table td.drag .grippy .handle,
body .page.comparison #group-display table th.drag .grippy .handle {
  /* height and width in px so they mtch the grid on the image */
  height: 30px;
  width: 6px;
  background: transparent url(../../images/app/grey-square-2px.gif) repeat left top;
  cursor: move;
  margin-right: .5em;
}
body .page.comparison #group-display table td.drag .grippy p,
body .page.comparison #group-display table th.drag .grippy p {
  padding: 1em 0px;
}
body .page.comparison #group-display table td.drag .grippy img,
body .page.comparison #group-display table th.drag .grippy img {
  width: 14px;
  height: 14px;
  max-width: none;
}
body .page.comparison #group-display table td.drag.invalid .grippy .handle,
body .page.comparison #group-display table th.drag.invalid .grippy .handle {
  background-image: url(../../images/app/redish-square-2px.gif);
}
body .page #metric-table-container input[type="checkbox"]:checked:after,
body .page #metric-table-container div.fake_checkbox:checked:after,
body .page #metric-table-container input[type="checkbox"].checked:after,
body .page #metric-table-container div.fake_checkbox.checked:after {
  margin-top: -1.2em;
}