html {
  color: #000; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }


html {
  background: #f6f6f6; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  min-width: 1050px;
  height: 100%;
  color: #555; }

a {
  color: #0094c6;
  text-decoration: none;
  cursor: pointer; }

a:hover {
  text-decoration: underline; }

body {
  -webkit-font-smoothing: antialiased; }

/***************
 * Base 
 ***************/
/* clearfix -- this belongs in a base-like file */
/* todo: how do we include non-standard zoom to give IE7 layout? */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.page {
  padding: 40px 0 0;
  position: relative;
  *overflow: hidden; }
  .page .pageContent {
    margin: 0 auto;
    width: 1180px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom: 30px; }
    .page .pageContent .container .column {
      position: relative;
      vertical-align: top;
      float: left; }
    .page .pageContent .container .sheet {
      border-top: 1px solid #fff;
      width: 760px;
      margin: -1px 0 20px 60px;
      background-color: white;
      box-shadow: 0px 5px 14px #dddddd; }
      .page .pageContent .container .sheet h1 {
        height: 64px;
        line-height: 64px;
        color: #999999;
        font-size: 30px;
        font-family: "Helvetica Neue Light", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
        font-weight: normal; }
    .page .pageContent .container .sidebar {
      margin-right: 60px;
      width: 300px;
      color: #999999; }
      .page .pageContent .container .sidebar .module {
        margin: 20px 0 30px; }
        .page .pageContent .container .sidebar .module .module-header, .page .pageContent .container .sidebar .module .module-body {
          padding-left: 20px; }
        .page .pageContent .container .sidebar .module .module-header {
          white-space: no-wrap;
          height: 56px;
          line-height: 56px;
          border-bottom: 1px solid #dddddd;
          margin-bottom: 5px;
          font-size: 24px;
          font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, sans-serif; }
      .page .pageContent .container .sidebar .module.page-footer {
        font: 12px "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
        color: #777777; }
        .page .pageContent .container .sidebar .module.page-footer .module-header {
          font: 12px "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
          color: #777777;
          height: 24px; }
          .page .pageContent .container .sidebar .module.page-footer .module-header .logo {
            float: left;
            width: 20px;
            height: 15px;
            background: url("white-logo.png") -200px -160px no-repeat;
            margin: -3px 9px 0 0; }
        .page .pageContent .container .sidebar .module.page-footer .module-body {
          padding-top: 5px; }
          .page .pageContent .container .sidebar .module.page-footer .module-body ul, .page .pageContent .container .sidebar .module.page-footer .module-body li {
            display: inline; }
          .page .pageContent .container .sidebar .module.page-footer .module-body li {
            line-height: 22px;
            margin-right: 15px; }
          .page .pageContent .container .sidebar .module.page-footer .module-body a {
            color: #999999; }
          .page .pageContent .container .sidebar .module.page-footer .module-body a:hover {
            text-decoration: none;
            color: #0094c6; }

.hasPlaceholder {
  color: #777; }

/***************
 * Header
 ***************/
.headerContainer {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 99999; }

.header {
  background: #4E4E4E;
  background: #333333;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4e4e4e 0%, #333333 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e4e4e), color-stop(100%, #333333));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4e4e4e 0%, #333333 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4e4e4e 0%, #333333 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4e4e4e 0%, #333333 100%);
  /* IE10+ */
  background: linear-gradient(top, #4e4e4e 0%, #333333 100%);
  /* W3C */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  height: 40px;
  width: 100%;
  min-width: 600px;
  z-index: 3;
  text-align: center; }

.headerContent {
  position: relative;
  width: 100%;
  max-width: 1180px;
  z-index: 3;
  margin: 0 auto;
  font: 14px  "Helvetica Neue Bold", "HelveticaNeue-Bold", "Arial Bold", Arial, sans-serif;
  color: #cccccc;
  text-align: left;
  -webkit-user-select: none;
  user-select: none; }
  html.extension-installed .headerContent #get-bookmarklet {
    display: none; }

.headerContent > * {
  float: right; }

.headerContent .header-menu:first-child {
  border-right: 1px solid #666; }

#HeaderLogo {
  line-height: 50px;
  margin-left: 60px;
  margin-right: 30px;
  float: left; }
  #HeaderLogo img {
    margin-top: 10px; }


/***************
 * Front page
 ***************/
.page .pageContent .container {
  font-size: 14px;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  color: #777777;
  line-height: 20px; }
  .page .pageContent .container h2 {
    font-famly: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
    font-size: 24px; }
  .page .pageContent .container p {
    margin: 10px 0 10px 0; }
  .page .pageContent .container .sheet {
    height: 400px;
    padding: 40px;
    overflow: hidden;
    width: 640px;
    margin: 0; }
  .page .pageContent .container .column.sidebar {
    padding: 40px; }
    .page .pageContent .container .column.sidebar h3 {
      font-famly: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
      font-size: 18px;
      color: #336181; }
      .page .pageContent .container .column.sidebar h3#retiring {
        margin-top: 30px; }