html, body {
  font-family: "Helvetica Neue", "Arial", sans-serif; }

strong {
  font-weight: bold; }

a {
  color: #00a; }
  a:hover {
    background-color: #00a;
    color: #fff;
    text-decoration: none; }
  a:visited {
    color: #a00; }
    a:visited:hover {
      background-color: #a00;
      color: #fff; }
  a.next-prev {
    background-color: #fff;
    color: #00a;
    font-size: 138.5%;
    font-weight: bold;
    text-decoration: none; }
    a.next-prev:visited {
      background-color: #fff;
      color: #00a;
      font-size: 138.5%;
      font-weight: bold;
      text-decoration: none; }
      a.next-prev:visited:hover {
        background-color: #fff;
        color: #a00; }
    a.next-prev:hover {
      background-color: #fff;
      color: #a00; }

h1 {
  font-size: 138.5%;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left; }
  h1 a {
    padding: 0 5px;
    text-decoration: none; }
    h1 a:hover {
      background-color: #fff;
      color: #a00; }

h2 {
  font-size: 116%;
  font-weight: bold;
  text-align: left; }

dl {
  text-align: left; }
  dl dt {
    font-weight: bold;
    margin-top: 5px; }
  dl dd {
    margin-left: 10px; }
    dl dd.estimate {
      color: #999;
      font-style: italic; }

table {
  white-space: nowrap; }
  table.billable {
    width: 100%; }
    table.billable tbody {
      font-size: 85%; }
  table.report tbody {
    border: 1px #00a;
    border-style: solid none; }

thead {
  background-color: #acf;
  border: 1px #00a;
  border-style: solid none;
  color: #00a; }
  thead th {
    font-size: 77%;
    font-weight: bold;
    padding: 5px;
    text-align: center; }

tbody td {
  padding: 5px;
  text-align: left; }
tbody th {
  font-weight: bold;
  text-align: left; }
tbody tr.odd-row {
  background-color: #def; }
tbody tr.even-row {
  background-color: #fff; }
tbody tr.subtotals {
  background-color: #ffc;
  border: 1px #990;
  border-style: solid none;
  color: #990;
  font-weight: bold; }
tbody tr.estimate {
  font-style: italic; }

tfoot {
  background-color: #cfc;
  border: 1px #090;
  border-style: solid none;
  color: #090;
  font-weight: bold; }
  tfoot td {
    padding: 5px; }

ul.pagination-links li {
  display: inline;
  margin-right: 0.25em; }

td.number, td.date {
  text-align: right !important; }

div.detail {
  margin-top: 10px;
  width: 50%; }
  div.detail h2 {
    border: 1px;
    border-style: solid none;
    padding: 5px; }
div.booking h2 {
  background-color: #acf;
  color: #00a; }
div.billable h2 {
  background-color: #fbc;
  color: #a00; }
div.contract h2 {
  background-color: #cfc;
  color: #090; }
div.invoice h2 {
  background-color: #ffc;
  color: #990; }
div.row {
  padding: 5px 0;
  text-align: left; }
  div.row label {
    display: block;
    font-weight: bold; }
    div.row label.checkbox, div.row label.radio {
      display: inline;
      font-weight: normal; }
div.checkbox label, div.radio label {
  display: inline;
  font-weight: normal; }
div.input input[type="text"], div.input input[type="password"] {
  width: 250px; }
div.input select {
  width: 250px; }
div.input textarea {
  width: 250px;
  height: 50px; }
div.date select, div.date input[type="text"] {
  width: 75px !important; }
div.number input[type="text"] {
  width: 75px !important; }
div.auto_complete {
  width: 350px;
  background: #fff; }
  div.auto_complete ul {
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none; }
    div.auto_complete ul li {
      margin: 0;
      padding: 3px; }
      div.auto_complete ul li.selected {
        background-color: #def; }
    div.auto_complete ul strong.highlight {
      color: #a00;
      font-weight: bold;
      margin: 0;
      padding: 0; }

button {
  font-size: 0.8em;
  padding: 0.5em; }

span.hint {
  color: #999;
  font-style: italic; }

#errorExplanation {
  background-color: #fbc;
  border: 1px solid #a00;
  color: #a00;
  padding: 5px;
  text-align: left;
  width: 50%; }
  #errorExplanation ul li {
    list-style-type: disc;
    margin-left: 20px; }

#flash p {
  margin-bottom: 10px; }

p.notice {
  padding: 10px;
  background-color: #cfc;
  border: 1px #090;
  border-style: solid none;
  color: #090; }
p.warning {
  padding: 10px;
  background-color: #ffc;
  border: 1px #990;
  border-style: solid none;
  color: #990; }
p.error {
  padding: 10px;
  background-color: #fbc;
  border: 1px #a00;
  border-style: solid none;
  color: #a00; }

#login-box {
  padding: 20px; }
  #login-box p {
    margin-bottom: 10px;
    padding: 10px;
    width: 50%; }
    #login-box p label {
      display: block;
      font-weight: bold; }
  #login-box form {
    background-color: #cfc;
    border: 1px #090;
    border-style: solid none;
    color: #090;
    padding: 10px;
    text-align: left;
    width: 50%; }

#topbar {
  font-size: 93%; }
  #topbar ul {
    border-bottom: 1px solid #00a;
    margin: 10px 0;
    padding: 5px 0; }
    #topbar ul li {
      display: inline;
      font-weight: bold;
      margin: 0 1px;
      text-align: center; }
      #topbar ul li#contacts-tab {
        margin-left: 15px; }
      #topbar ul li a {
        background-color: #acf;
        border: 1px solid #00a;
        color: #00a;
        padding: 5px;
        text-decoration: none; }
        #topbar ul li a:hover {
          background-color: #00a;
          color: #fff; }

#clients #topbar ul li#clients-tab a, #billables #topbar ul li#billables-tab a, #receipts #topbar ul li#receipts-tab a, #customer_invoices li#invoices-tab a, #gross_invoices li#invoices-tab a, #commission_invoices li#invoices-tab a, #reports #topbar ul li#reports-tab a, #search #topbar ul li#search-tab a, #contacts #topbar ul li#contacts-tab a, #agencies #topbar ul li#agencies-tab a, #categories #topbar ul li#categories-tab a, #job_types #topbar ul li#job_types-tab a, #managers #topbar ul li#managers-tab a, #producers #topbar ul li#producers-tab a, #projects #topbar ul li#projects-tab a, #vendors #topbar ul li#vendors-tab a, #studios #topbar ul li#studios-tab a, #accounts #topbar ul li#accounts-tab a {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  color: #00a; }

#sidebar {
  border: 1px #acf;
  border-style: solid solid none solid;
  font-size: 85%; }
  #sidebar p {
    background-color: #acf;
    color: #00a;
    font-weight: bold;
    margin-top: 2px;
    padding: 2px 5px;
    text-align: left; }
  #sidebar ul li {
    text-align: left; }
    #sidebar ul li a {
      border-bottom: 1px solid #acf;
      color: #00a;
      display: block;
      padding: 3px 10px;
      text-decoration: none; }
      #sidebar ul li a:hover {
        background-color: #acf; }
      #sidebar ul li a.highlight {
        color: #a00; }
        #sidebar ul li a.highlight:hover {
          background-color: #fbc;
          color: #a00; }
  #sidebar #quick-search {
    margin: 15px 0; }
    #sidebar #quick-search input {
      margin: 4px;
      width: 93%; }