div#header h1 {
  background: url(/images/logo.png) no-repeat; }

h2 {
  float: left;
  margin: 0 0 1em; }

ul#navigation {
  background: #909060;
  border-top: 1px solid #bcbc7e;
  border-bottom: 1px solid #bcbc7e; }
  ul#navigation li a {
    color: #181818; }

ul.help {
  list-style: none;
  padding: 0 0 0.5em;
  margin: 0 0 15px 15px;
  float: right;
  font-size: 75%;
  border: 1px solid #909060;
  background: #bcbc7e;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }
  ul.help h3 {
    margin: 0;
    background: #909060;
    color: #dbdbaa;
    padding: 2px 5px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0; }
  ul.help li {
    padding: 1px 5px; }
    ul.help li a {
      color: #303030; }

div#content h1.sales {
  text-align: center; }
div#content ul.sales {
  padding: 0;
  list-style: none;
  width: 58em;
  margin: 3em auto; }
  div#content ul.sales li {
    margin: 0 2em;
    padding: 0;
    width: 25em;
    float: left; }
    div#content ul.sales li p {
      width: 100%; }
div#content div.signup {
  padding: 1em;
  clear: left;
  width: 40em;
  margin: 0 auto;
  background: #909060;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }
  div#content div.signup form p {
    font-size: 12pt; }
  div#content div.signup form p.buttons input {
    padding: 0.5em;
    font-weight: bold;
    font-size: 11pt;
    background: #4c4c2e;
    border: 1px solid #ffffc5;
    color: #ffffc5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; }
  div#content div.signup p {
    font-size: 8pt;
    width: 100%; }
div#content div#page-actions {
  font-size: 80%;
  float: left;
  margin: 0 15px; }
  div#content div#page-actions a {
    display: block;
    margin-top: 1.25em;
    font-size: 80%; }
  div#content div#page-actions a.website-edit, div#content div#page-actions a.website-delete, div#content div#page-actions a.campaign-edit, div#content div#page-actions a.campaign-delete {
    height: 30px;
    float: left;
    margin: 0 5px 5px 0;
    font-size: 6pt;
    line-height: 30px;
    display: block;
    font-size: 8pt;
    padding: 0 10px 0 32px;
    background-color: #eeeeee;
    background-position: 5px 50%;
    border: 1px solid #aaaaaa;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; }
    div#content div#page-actions a.website-edit:hover, div#content div#page-actions a.website-delete:hover, div#content div#page-actions a.campaign-edit:hover, div#content div#page-actions a.campaign-delete:hover {
      background-color: #cccccc; }
  div#content div#page-actions a.campaign-edit {
    background-image: url(/images/icons/campaign.edit.png);
    background-repeat: no-repeat;
    height: 28px; }
  div#content div#page-actions a.campaign-delete {
    background-image: url(/images/icons/campaign.delete.png);
    background-repeat: no-repeat;
    height: 28px; }
  div#content div#page-actions a.website-edit {
    background-image: url(/images/icons/website.edit.png);
    background-repeat: no-repeat; }
  div#content div#page-actions a.website-delete {
    background-image: url(/images/icons/website.delete.png);
    background-repeat: no-repeat; }
div#content div.textile textarea.textile {
  border: 1px solid #666666;
  width: 800px;
  height: 10em; }
div#content ul#result-set-actions {
  list-style: none;
  margin: 0;
  padding: 0; }
  div#content ul#result-set-actions li {
    margin-bottom: 2em; }
    div#content ul#result-set-actions li a {
      float: left;
      display: block;
      margin: 0 5px 5px 0;
      height: 24px;
      font-size: 8pt;
      padding: 0 10px 0 35px;
      line-height: 24px;
      background-color: #eeeeee;
      border: 1px solid #aaaaaa;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px; }
      div#content ul#result-set-actions li a:hover {
        background-color: #cccccc; }
    div#content ul#result-set-actions li a.campaign-add {
      background-image: url(/images/icons/campaign.add.png);
      background-repeat: no-repeat;
      background-position: 5px center; }
    div#content ul#result-set-actions li a.campaign-upload {
      background-image: url(/images/icons/campaign.upload.png);
      background-repeat: no-repeat;
      background-position: 5px center; }
    div#content ul#result-set-actions li a.campaign-download {
      background-image: url(/images/icons/campaign.download.png);
      background-repeat: no-repeat;
      background-position: 5px center; }
    div#content ul#result-set-actions li a.website-add {
      background-image: url(/images/icons/website.add.png);
      background-repeat: no-repeat;
      background-position: 5px center; }
div#content th {
  position: relative; }
  div#content th a.new-website-icon {
    font-size: 6pt;
    position: absolute;
    right: 0; }
div#content p#instructions {
  text-align: justify;
  font-size: 80%;
  color: #333333;
  max-width: 43em;
  clear: left; }
div#content p {
  clear: both;
  line-height: 1.6em;
  color: #333333;
  width: 50em; }
div#content div#wrapper {
  clear: both;
  position: relative; }
div#content form div.file-field object {
  clear: both;
  float: left;
  margin: -2.4em 0 1em;
  display: block; }
div#content form div.submit-field {
  margin-bottom: 2em; }
div#content form div#file-progress-container {
  font-size: 10pt;
  line-height: 1.4em;
  float: left;
  margin-top: 1em; }
  div#content form div#file-progress-container div.progressName {
    font-style: italic; }
  div#content form div#file-progress-container div.progressBarComplete {
    font-weight: bold; }
  div#content form div#file-progress-container ul.uploaded-files {
    list-style: none;
    margin: 0;
    padding: 0; }
    div#content form div#file-progress-container ul.uploaded-files li {
      float: left;
      clear: both;
      padding: 0 0 0 20px; }
      div#content form div#file-progress-container ul.uploaded-files li label {
        float: left;
        font-size: 10pt; }
      div#content form div#file-progress-container ul.uploaded-files li div.progress-container {
        margin: 2px 0 0 5px;
        padding: 0;
        float: left;
        border: 1px solid #181818;
        width: 200px;
        height: 15px; }
        div#content form div#file-progress-container ul.uploaded-files li div.progress-container div.progress {
          background: #999999;
          width: 0;
          height: 15px; }
    div#content form div#file-progress-container ul.uploaded-files li.success {
      background: url(/images/icons/glossy/ok.small.png) no-repeat center left; }
    div#content form div#file-progress-container ul.uploaded-files li.error {
      background: url(/images/icons/glossy/cancel.small.png) no-repeat center left; }
      div#content form div#file-progress-container ul.uploaded-files li.error label {
        color: #cc0000;
        font-style: italic; }
      div#content form div#file-progress-container ul.uploaded-files li.error div.progress-container {
        border-color: #cc0000; }
        div#content form div#file-progress-container ul.uploaded-files li.error div.progress-container div.progress {
          background: #d78380; }
div#content div.topics ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  div#content div.topics ul li h2 {
    font-size: 80%;
    font-weight: normal; }
  div#content div.topics ul li div.summary {
    clear: both;
    border: 1px dashed #cccccc;
    padding: 1em;
    margin-bottom: 2em;
    font-size: 10pt;
    background: #eeeeee;
    color: #333333; }
    div#content div.topics ul li div.summary h1, div#content div.topics ul li div.summary p, div#content div.topics ul li div.summary div {
      display: inline;
      clear: none;
      font-size: 8pt;
      margin: 0 0.25em 0 0; }
    div#content div.topics ul li div.summary a {
      font-size: 8pt; }
    div#content div.topics ul li div.summary h1, div#content div.topics ul li div.summary h2, div#content div.topics ul li div.summary h3, div#content div.topics ul li div.summary h4, div#content div.topics ul li div.summary h5, div#content div.topics ul li div.summary h6 {
      font-weight: bold; }

label.display-columns {
  float: right;
  font-weight: bold;
  font-size: 8pt; }
  label.display-columns select {
    margin-left: 1em; }

img.hide {
  cursor: pointer; }

table {
  position: relative;
  width: 100%;
  clear: both;
  border: 1px solid #a7a7a7;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }
  table th.hidden, table td.hidden {
    display: none; }
  table thead.names tr th div {
    position: relative;
    padding-right: 8px;
    height: 4em; }
    table thead.names tr th div span.hide {
      display: block;
      position: absolute;
      top: -7px;
      right: -2px;
      cursor: pointer;
      color: #aaaaaa; }
  table thead.names tr th:last-child {
    border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0; }
  table thead th:last-child {
    border-right: none; }
  table thead {
    border-collapse: collapse; }
    table thead:first-child th {
      border-top: none;
      border-left: none; }
    table thead:first-child th.selectable {
      border-radius: 10px 0 0;
      -webkit-border-radius: 10px 0 0;
      -moz-border-radius: 10px 0 0; }
    table thead th {
      background: #eeeeee;
      color: #303030;
      font-weight: bold;
      font-size: 0.75em;
      padding: 0.5em 0.4em 0.5em 0.4em;
      border: 1px solid #aaaaaa;
      border-left: none;
      border-top: none; }
      table thead th.primary {
        text-align: left;
        border-left: none; }
        table thead th.primary div.filter input, table thead th.primary div.filter input[type="text"] {
          width: 10em; }
        table thead th.primary input {
          width: 5em; }
      table thead th.selectable {
        border-right: none; }
      table thead th.numeric {
        text-align: right; }
        table thead th.numeric div.filter {
          text-align: right; }
      table thead th a {
        color: #303030; }
      table thead th div.filter {
        white-space: nowrap; }
        table thead th div.filter.applied form input {
          width: 16px;
          height: 16px;
          vertical-align: text-top;
          border: 0; }
        table thead th div.filter form {
          display: inline; }
        table thead th div.filter select, table thead th div.filter input {
          margin: 0 auto;
          font-size: 0.9em;
          margin: 0;
          padding: 0;
          font-weight: normal; }
        table thead th div.filter input, table thead th div.filter input[type="text"] {
          width: 3em; }
      table thead th table {
        border: none; }
        table thead th table tr {
          background: none; }
          table thead th table tr td {
            text-align: left;
            padding-bottom: 4px;
            background: none; }
            table thead th table tr td:hover {
              background: none; }
        table thead th table tr.filter td input.text {
          width: 5em;
          text-align: right; }
        table thead th table tr td input.containing {
          width: 7em; }
  table tr.selectors, table tr.selection-actions {
    background: #eeeeee; }
    table tr.selectors td, table tr.selection-actions td {
      text-align: left;
      background: #eeeeee;
      border-bottom: 1px solid #aaaaaa;
      padding: 0.5em 0.5em 0.5em 1.15em; }
      table tr.selectors td label, table tr.selection-actions td label {
        width: 10em;
        float: left;
        font-size: 1em;
        font-weight: bold;
        line-height: 2em; }
    table tr.selectors:hover td, table tr.selection-actions:hover td {
      background: #eeeeee; }
  table tr {
    border-collapse: collapse; }
    table tr td {
      padding: 0.2em 0.2em 0.2em 0.4em;
      font-size: 65%;
      background: white;
      text-align: center;
      color: #333333; }
      table tr td.primary {
        text-align: left; }
      table tr td.numeric {
        text-align: right; }
      table tr td.trends {
        background: white; }
      table tr td a {
        color: black;
        text-decoration: none; }
        table tr td a:hover {
          text-decoration: underline; }
    table tr.even td {
      background: #dddddd; }
      table tr.even td.trends {
        background: white; }
    table tr:hover td, table tr:hover td.even {
      background: #bbbbbb; }
    table tr:hover td.trends {
      background: white; }
  table.websites thead th, table.websites tr td, table.campaigns thead th, table.campaigns tr td {
    font-size: 120%; }

table tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px; }
table tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
  -webkit-border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0; }

table thead th table tr td {
  background: #4c4c4c; }
table thead th table:hover td {
  background: #4c4c4c; }

body.importer {
  background: #222222 url(/images/background.radial.darkgrey.fill.png);
  color: #bbbbbb; }
  body.importer div#content {
    margin: 0;
    padding: 0;
    min-width: 950px;
    position: relative; }
    body.importer div#content div.tour-wrapper {
      background-image: url(/images/background.splash.png);
      background-attachment: fixed;
      background-repeat: no-repeat;
      margin: 0;
      padding: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      position: absolute; }
      body.importer div#content div.tour-wrapper img.background {
        width: 100%;
        height: 620px; }
      body.importer div#content div.tour-wrapper div.tour {
        width: 950px;
        top: 100px;
        margin: 0 0 0 -475px;
        position: absolute;
        left: 50%;
        z-index: 1; }
        body.importer div#content div.tour-wrapper div.tour h1.splash {
          text-indent: -3000em;
          background-image: url(/images/heading.splash.png);
          background-repeat: no-repeat;
          width: 261px;
          height: 236px; }
        body.importer div#content div.tour-wrapper div.tour p {
          width: 300px; }
        body.importer div#content div.tour-wrapper div.tour div.try-free, body.importer div#content div.tour-wrapper div.tour div.signup {
          height: 121px;
          float: left;
          margin-bottom: 1em; }
          body.importer div#content div.tour-wrapper div.tour div.try-free h2, body.importer div#content div.tour-wrapper div.tour div.signup h2 {
            float: none;
            margin-top: 45px;
            text-align: center;
            width: 100%; }
        body.importer div#content div.tour-wrapper div.tour div.download {
          position: absolute;
          top: 0;
          right: 0; }
      body.importer div#content div.tour-wrapper ul.benefits {
        list-style: none;
        right: 0;
        top: 100px;
        position: absolute;
        padding: 1em 0 0;
        width: 375px; }
        body.importer div#content div.tour-wrapper ul.benefits li {
          background: url(/images/icons/glossy/ok.small.png) no-repeat 0 4px;
          padding: 0 0 0 25px;
          margin: 0.5em 0; }
          body.importer div#content div.tour-wrapper ul.benefits li h2 {
            color: white;
            font-size: 15px;
            letter-spacing: 0; }
          body.importer div#content div.tour-wrapper ul.benefits li p {
            width: 175px;
            font-size: 8pt;
            color: #999999;
            margin-top: 190px; }
        body.importer div#content div.tour-wrapper ul.benefits li.find-opportunities {
          background: url(/images/preview.find-opportunities.png) no-repeat 0 25px; }
        body.importer div#content div.tour-wrapper ul.benefits li.maximize-roi {
          background: url(/images/preview.maximize-roi.png) no-repeat 0 25px; }
        body.importer div#content div.tour-wrapper ul.benefits li.respond-quickly, body.importer div#content div.tour-wrapper ul.benefits li.present-anywhere {
          background: url(/images/preview.coming-soon.png) no-repeat 0 25px; }
  body.importer div#footer {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 950px; }
    body.importer div#footer ul {
      list-style: none;
      width: 800px;
      position: absolute;
      left: 50%;
      margin: 1em 0 0 -400px; }
      body.importer div#footer ul li {
        float: left;
        font-size: 7pt;
        margin: 0 0 2em;
        width: 160px; }
        body.importer div#footer ul li a {
          color: #999999; }
    body.importer div#footer p.copyright {
      clear: both; }

div.pagination {
  clear: both;
  text-transform: lowercase; }
  div.pagination em, div.pagination span, div.pagination a {
    text-decoration: none;
    text-align: center;
    display: block;
    float: left;
    width: 1.5em;
    height: 1.5em;
    color: #eeeeee;
    background: #303030;
    border: 1px solid #303030;
    padding: 5px;
    margin: 2px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; }
  div.pagination span.disabled {
    color: #cccccc;
    background: white;
    border: none; }
  div.pagination em {
    color: white;
    background: #a7a7a7;
    border-color: #a7a7a7;
    margin-top: 0;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px; }

body.splash div#content div.tour-wrapper {
  background-image: url(/images/background.splash.png);
  height: 620px; }
  body.splash div#content div.tour-wrapper img.background {
    width: 100%;
    height: 620px; }
  body.splash div#content div.tour-wrapper div.tour h1.splash {
    text-indent: -3000em;
    background-image: url(/images/heading.splash.png);
    background-repeat: no-repeat;
    width: 261px;
    height: 236px; }
  body.splash div#content div.tour-wrapper div.tour div.try-free {
    background: url(/images/background.arrow.shaft.png) repeat-x 0 20px;
    width: 400px; }
    body.splash div#content div.tour-wrapper div.tour div.try-free h2 {
      color: white; }
  body.splash div#content div.tour-wrapper div.tour div.signup {
    background: url(/images/background.arrow.head.png) no-repeat top left; }
body.splash div#content div.benefits {
  width: 100%;
  height: 14em;
  left: 0;
  z-index: 1;
  background: url(/images/background.gradient.darkgrey.png) repeat-x;
  margin: 0 0 6em; }
  body.splash div#content div.benefits ul {
    list-style: none;
    margin: 0 0 0 -400px;
    left: 50%;
    position: absolute;
    padding: 1em 0 0;
    width: 800px; }
    body.splash div#content div.benefits ul li {
      float: left;
      width: 175px;
      margin: 0 25px 0 0; }
      body.splash div#content div.benefits ul li h2 {
        color: white;
        font-size: 15px;
        letter-spacing: 0; }
      body.splash div#content div.benefits ul li p {
        width: 175px;
        font-size: 8pt;
        color: #999999;
        margin-top: 190px; }
    body.splash div#content div.benefits ul li.find-opportunities {
      background: url(/images/preview.find-opportunities.png) no-repeat 0 25px; }
    body.splash div#content div.benefits ul li.maximize-roi {
      background: url(/images/preview.maximize-roi.png) no-repeat 0 25px; }
    body.splash div#content div.benefits ul li.respond-quickly, body.splash div#content div.benefits ul li.present-anywhere {
      background: url(/images/preview.coming-soon.png) no-repeat 0 25px; }