.clear {
  clear: both; }

body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  font-size: 10pt; }

body.small-print #content {
  font-size: 8pt; }

h1, h2, h3, h4, h5, h6 {
  letter-spacing: -1px; }

img {
  border: 0; }

div#header {
  background: #181818 url(/images/background.darkgrey.png) repeat-x;
  border-bottom: 1px solid #181818;
  height: 100px;
  overflow: hidden; }
  div#header h1 {
    margin: 0 0 0 3%;
    color: #fff;
    text-indent: -1000em;
    background: url(/images/logo.png) no-repeat;
    height: 100px;
    width: 500px; }

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

ul#site-actions {
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 9pt; }
  ul#site-actions li {
    list-style: none;
    display: inline;
    padding: 0 0 0 15px; }
    ul#site-actions li a {
      color: #fff; }

ul#navigation {
  display: block;
  background: rgb(174,242,99);
  border-top: 1px solid rgb(85,172,0);
  border-bottom: 1px solid rgb(85,172,0);
  margin: 0 0 1em;
  padding: 5px 3%; }
  ul#navigation li {
    list-style: none;
    display: inline;
    padding: 0 0 0 15px; }
    ul#navigation li.first {
      background: none;
      padding: 0; }
    ul#navigation li a {
      color: #181818; }
  ul#navigation li.orphan {
    background: none;
    padding: 0;
    margin-left: 1em;
    float: right; }

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 {
  margin: 1em 3% 10em; }
  div#content form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  div#content form p {
    float: left;
    clear: left;
    margin: 0.5em 0; }
    div#content form p label, div#content form p span.input {
      float: left; }
  div#content form p.buttons {
    margin-left: 11em; }
  div#content form label {
    width: 10em;
    display: block;
    text-align: right;
    padding-right: 1em; }
  div#content div#heading {
    clear: both; }
  div#content th {
    position: relative; }
    div#content th a.new-project-icon {
      font-size: 6pt;
      position: absolute;
      right: 0; }
  div#content p {
    clear: both;
    line-height: 1.6em;
    color: #333;
    width: 50em;
    margin-bottom: 2em; }
  div#content div#wrapper {
    clear: both;
    position: relative; }

table {
  width: 100%;
  clear: both;
  border: 1px solid #a7a7a7;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }
  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 {
    border-collapse: collapse; }
    table thead th:first-child {
      border-radius: 10px 0 0 0;
      -webkit-border-radius: 10px 0 0 0;
      -moz-border-radius: 10px 0 0 0; }
    table thead th.selectable {
      border-radius: 10px 0 0;
      -webkit-border-radius: 10px 0 0;
      -moz-border-radius: 10px 0 0; }
    table thead 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 {
      background: #eee;
      color: #303030;
      font-weight: bold;
      font-size: 10pt;
      padding: 0.5em 0.4em 0.5em 0.4em;
      border: 1px solid #aaa;
      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: #eee; }
    table tr.selectors td, table tr.selection-actions td {
      text-align: left;
      background: #eee;
      border-bottom: 1px solid #aaa;
      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: 9pt;
        font-weight: bold;
        line-height: 2em; }
    table tr.selectors:hover td, table tr.selection-actions:hover td {
      background: #eee; }
  table tr {
    border-collapse: collapse; }
    table tr td {
      padding: 0.2em 0.2em 0.2em 0.4em;
      font-size: 9pt;
      background: #fff;
      text-align: center;
      color: #333; }
      table tr td.primary {
        text-align: left; }
      table tr td.numeric {
        text-align: right; }
      table tr td.trends {
        background: #ffffff; }
      table tr td a {
        color: #000;
        text-decoration: none; }
        table tr td a:hover {
          text-decoration: underline; }
    table tr.even td {
      background: #ddd; }
      table tr.even td.trends {
        background: #ffffff; }
    table tr:hover td, table tr:hover td.even {
      background: #bbb; }
    table tr:hover td.trends {
      background: #fff; }
  table.projects thead th, table.projects tr td, table.lists thead th, table.lists tr td {
    font-size: 120%; }

table tr:last-child td {
  padding-bottom: 0.5em; }
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; }

dl.contact-details dt {
  width: 6em;
  float: left;
  clear: left;
  margin-top: 0.25em;
  font-weight: bold; }
dl.contact-details dd {
  margin-top: 0.25em;
  margin-left: 6em; }
  dl.contact-details dd dl {
    float: left; }
    dl.contact-details dd dl dt, dl.contact-details dd dl dd {
      margin-top: 0; }

div#footer {
  clear: both;
  background: rgb(56,56,56) url(/images/background.darkgrey.png) repeat-x;
  border-top: 1px solid #181818;
  min-height: 800px;
  overflow: hidden;
  color: #ddd;
  font-size: 9pt;
  width: 100%; }
  div#footer .wrapper {
    position: relative;
    float: left;
    margin: 0 5%;
    padding: 2em 0 120px 0;
    min-width: 69em;
    width: 90%; }
  div#footer .tweets, div#footer .posts, div#footer .contact, div#footer .subscribe, div#footer .products {
    padding: 0 1em 1em 1em;
    margin: 0 0 3em 0;
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-shadow: 4px 4px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 4px 4px 3px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 3px rgba(0,0,0,0.3);
    background-image: -webkit-gradient(linear,left top, left bottom, color-stop(1, rgba(36,36,36,0.6)), color-stop(0, rgba(60,60,60,0.6)));
    background-image: -moz-linear-gradient(center top,rgba(36,36,36,0.6) 100%, rgb(60,60,60,0.6) 0%); }
    div#footer .tweets p, div#footer .tweets ul, div#footer .tweets ol, div#footer .posts p, div#footer .posts ul, div#footer .posts ol, div#footer .contact p, div#footer .contact ul, div#footer .contact ol, div#footer .subscribe p, div#footer .subscribe ul, div#footer .subscribe ol, div#footer .products p, div#footer .products ul, div#footer .products ol {
      line-height: 1.5em; }
    div#footer .tweets ul, div#footer .tweets ol, div#footer .posts ul, div#footer .posts ol, div#footer .contact ul, div#footer .contact ol, div#footer .subscribe ul, div#footer .subscribe ol, div#footer .products ul, div#footer .products ol {
      padding: 0;
      list-style: none; }
      div#footer .tweets ul li, div#footer .tweets ol li, div#footer .posts ul li, div#footer .posts ol li, div#footer .contact ul li, div#footer .contact ol li, div#footer .subscribe ul li, div#footer .subscribe ol li, div#footer .products ul li, div#footer .products ol li {
        margin: 0 0 1.25em 0;
        padding-bottom: 0.5em;
        border-bottom: 1px solid #444; }
        div#footer .tweets ul li span.date, div#footer .tweets ol li span.date, div#footer .posts ul li span.date, div#footer .posts ol li span.date, div#footer .contact ul li span.date, div#footer .contact ol li span.date, div#footer .subscribe ul li span.date, div#footer .subscribe ol li span.date, div#footer .products ul li span.date, div#footer .products ol li span.date {
          white-space: nowrap;
          font-style: italic; }
  div#footer .contact dl.contact-details dt {
    width: 5em;
    font-weight: normal; }
  div#footer .contact dl.contact-details dd {
    margin-left: 5em; }
  div#footer .subscribe form input {
    width: 12em; }
  div#footer .subscribe form p, div#footer .subscribe form label {
    float: left;
    margin: 0.25em 0;
    line-height: 1.5em; }
  div#footer .subscribe form label {
    clear: left;
    width: 8em;
    text-align: right;
    padding: 0 0.5em; }
  div#footer .subscribe form p.buttons {
    clear: left;
    padding-left: 14.75em; }
    div#footer .subscribe form p.buttons input {
      width: auto; }
  div#footer .contact, div#footer .subscribe {
    float: right;
    clear: right;
    width: 100%; }
  div#footer .products {
    float: left;
    clear: left;
    width: 15%;
    margin-right: 2em; }
    div#footer .products small {
      white-space: nowrap; }
  div#footer .tweets, div#footer .posts {
    float: left;
    width: 100%; }
  div#footer .contacts {
    float: right;
    width: 30%;
    margin-left: 2em; }
  div#footer .chatter {
    float: left;
    width: 40%; }
  div#footer h2 {
    background: url(/images/logo.marketingsushi.footer.png) no-repeat;
    text-indent: -3000em;
    width: 243px;
    height: 75px;
    margin: 0.5em 0 0 3%;
    position: absolute;
    bottom: 2.25em;
    right: 0; }
  div#footer h2:hover {
    background: url(/images/logo.marketingsushi.footer.color.png) no-repeat; }
  div#footer h3 {
    margin-bottom: 1.25em; }
  div#footer p.copyright {
    position: absolute;
    font-size: 8pt;
    text-align: right;
    color: #888;
    bottom: 0;
    right: 0;
    width: 38em; }
  div#footer a {
    color: #fff; }
  div#footer ul.links {
    position: absolute;
    bottom: 0;
    list-style: none;
    font-size: 8pt;
    width: 21em;
    padding: 0; }
    div#footer ul.links li {
      display: inline;
      margin: 0 0.25em; }

body.splash {
  background: url(/images/background.grey.png); }
  body.splash div#content {
    margin: 0;
    padding: 0;
    min-width: 840px;
    position: relative; }
    body.splash div#content div.tour-wrapper {
      background-image: url(/images/background.splash.png);
      background-attachment: fixed;
      background-repeat: no-repeat;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 620px;
      z-index: 0; }
      body.splash div#content div.tour-wrapper img.background {
        width: 100%;
        height: 620px; }
      body.splash div#content div.tour-wrapper div.tour {
        width: 800px;
        margin: 0 0 0 -400px;
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 1; }
        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 p {
          width: 300px; }
        body.splash div#content div.tour-wrapper div.tour div.try-free, body.splash div#content div.tour-wrapper div.tour div.signup {
          height: 121px;
          float: left;
          margin-bottom: 1em; }
          body.splash div#content div.tour-wrapper div.tour div.try-free h2, body.splash div#content div.tour-wrapper div.tour div.signup h2 {
            float: none;
            margin-top: 45px;
            text-align: center;
            width: 100%; }
        body.splash div#content div.tour-wrapper div.tour div.preview {
          position: absolute;
          top: 0;
          right: 0; }
        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: #fff; }
        body.splash div#content div.tour-wrapper div.tour div.signup {
          background: url(/images/background.arrow.head.png) no-repeat top left;
          width: 400px;
          clear: none;
          border: none;
          padding: 0;
          border-radius: 0;
          -webkit-border-radius: 0;
          -moz-border-radius: 0; }
          body.splash div#content div.tour-wrapper div.tour div.signup h2 a {
            color: #000; }
          body.splash div#content div.tour-wrapper div.tour div.signup h2 a:hover {
            text-decoration: none; }
          body.splash div#content div.tour-wrapper div.tour div.signup h2 small {
            display: block;
            margin-top: 0.25em;
            font-size: 60%;
            font-weight: normal; }
            body.splash div#content div.tour-wrapper div.tour div.signup h2 small a {
              color: #333; }
      body.splash div#content div.tour-wrapper div.tour.coming-soon div.signup {
        padding: 2.25em 0 0 1.5em;
        width: 23em; }
        body.splash div#content div.tour-wrapper div.tour.coming-soon div.signup form label {
          float: left;
          clear: left;
          margin: 0.25em 0; }
        body.splash div#content div.tour-wrapper div.tour.coming-soon div.signup form p {
          width: 12em;
          float: left;
          clear: none;
          margin: 0.25em 0; }
        body.splash div#content div.tour-wrapper div.tour.coming-soon div.signup form p.buttons {
          clear: left;
          margin: 0.5em 0 0 11em; }
    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: #fff;
            font-size: 15px;
            letter-spacing: 0; }
          body.splash div#content div.benefits ul li p {
            width: 175px;
            font-size: 8pt;
            color: #999;
            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; }

/* Start Notices */
div#content {
  /* End Notices */ }
  div#content div.error, div#content div.notice, div#content div.warning, div#content div.information {
    margin: 1em auto;
    padding: 0; }
    div#content div.error p, div#content div.notice p, div#content div.warning p, div#content div.information p {
      width: auto; }
  div#content div.error {
    border: 2px solid #8F0600;
    background: #fec0c0 url(/images/back.red.png) repeat-x top left;
    color: #8F0600; }
    div#content div.error p {
      background: url(/images/icons/glossy/cancel.png) no-repeat 10px 50%;
      min-height: 50px;
      padding: 30px 30px 0 70px;
      margin: 0 0 1em;
      color: #8F0600; }
    div#content div.error a, div#content div.error a:visited, div#content div.error a:active {
      color: #8F0600;
      font-weight: bold; }
    div#content div.error a:hover {
      text-decoration: none; }
  div#content div.notice {
    border: 2px solid #008F1B;
    background: #daffcf url(/images/back.green.png) repeat-x top left;
    color: #008F1B;
    margin: 1em auto; }
    div#content div.notice p {
      background: url(/images/icons/glossy/ok.png) no-repeat 10px 50%;
      min-height: 50px;
      padding: 30px 30px 0 70px;
      margin: 0 0 1em;
      color: #008F1B; }
    div#content div.notice a, div#content div.notice a:visited, div#content div.notice a:active {
      color: #008F1B;
      font-weight: bold; }
    div#content div.notice a:hover {
      text-decoration: none; }
  div#content div.warning, div#content div.alert {
    border: 2px solid #8F7700;
    background: #FFD190;
    color: #8F7700; }
    div#content div.warning p, div#content div.alert p {
      background: url(/images/icons/glossy/alert.png) no-repeat 10px 50%;
      min-height: 50px;
      padding: 30px 30px 0 70px;
      margin: 0 0 1em;
      color: #8F7700; }
  div#content div#errorExplanation {
    padding: 0.3em 0.3em 0.3em 70px;
    border: 2px solid #8F0600;
    background: #ffc0c0 url(/images/icons/glossy/cancel.png) no-repeat 10px 50%;
    color: #8F0600; }
    div#content div#errorExplanation ul {
      list-style: disc;
      margin-left: 10px; }
    div#content div#errorExplanation p {
      clear: both; }
  div#content div.message {
    background: #EFE7A8;
    border: 2px solid #BAAB34;
    padding: 10px;
    width: 90%;
    text-align: justify; }
    div#content div.message a.dismiss {
      margin-top: 5px;
      display: block; }
    div#content div.message h3 {
      font-size: 140%;
      margin: 0; }