html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1.5; }

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" ""; }
  blockquote:before,
  blockquote:after,   q:before,
  q:after {
    content: ""; }

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

a img {
  border: none; }


























button.cancel span {
  background: url(/images/buttons/right.png) right 0px no-repeat; }
  button.cancel span strong {
    background: url(/images/buttons/left.png) left 0px no-repeat; }

input[type=submit], button {
  font-weight: bold;
  font-size: 15px;
  line-height: 15px;
  background: #111 url(/images/shiny.png) left center repeat-x;
  border: outset 1px #999;
  color: #d5d5d5;
  padding: 10px 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  input[type=submit]:hover,   button:hover {
    background-color: #222;
    -moz-outline: solid 2px #4D96CA;
    -moz-outline-radius: 5px;
    -moz-outline-offset: -2px; }
  input[type=submit]:active,   button:active {
    border-style: inset; }

button.cancel, input[type=submit].cancel, a.button.cancel {
  background-color: #666;
  border-color: #d5d5d5;
  font-weight: normal;
  color: #d5d5d5; }
  button.cancel:hover,   input[type=submit].cancel:hover,   a.button.cancel:hover {
    background-color: #777; }

a.button.done {
  padding-left: 30px;
  padding-right: 30px; }

#side-menu a.button {
  background: #111 url(/images/shiny.png) left center repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 7px 10px;
  border: outset 1px #999;
  color: #d5d5d5;
  margin: 0 1em;
  font-size: 1em;
  width: 150px; }
  #side-menu a.button:hover {
    -moz-outline-offset: -2px; }
  #side-menu a.button img {
    margin-left: 1em; }

form.delete {
  width: 200px;
  float: right;
  text-align: right; }

input[type=submit].delete {
  font-weight: normal;
  color: #fff;
  background-color: #c00;
  border-color: #e00; }
  input[type=submit].delete:hover {
    background-color: #e00;
    -moz-outline-color: #EEA656; }

td.numeric, th.numeric {
  text-align: right; }

.data-grid.breakdown td {
  vertical-align: middle; }
.data-grid .gravatar {
  vertical-align: middle;
  margin-right: .5em;
  background: #fff;
  padding: 2px;
  border: solid 1px #d5d5d5; }
.data-grid span.swatch {
  display: block;
  height: 20px;
  width: 20px;
  float: left;
  margin-right: 1em;
  border: solid 1px #666;
  line-height: 40px; }


body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
  font-size: 75%;
  font-size: 85%;
  color: #333333;
  font-family: 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  margin: 0pt;
  padding: 0pt;
  background: #000 url(/images/bottom_shine.png) left bottom repeat-x;
  min-height: 700px; }
  body h1 {
    font-weight: normal;
    color: #222222;
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em; }
    body h1 img {
      margin: 0; }
  body h2 {
    font-weight: normal;
    color: #222222;
    font-size: 2em;
    margin-bottom: 0.75em; }
  body h3 {
    font-weight: normal;
    color: #222222;
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em; }
  body h4 {
    font-weight: normal;
    color: #222222;
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
    height: 1.25em; }
  body h5 {
    font-weight: normal;
    color: #222222;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em; }
  body h6 {
    font-weight: normal;
    color: #222222;
    font-size: 1em;
    font-weight: bold; }
  body h2 img, body h3 img, body h4 img, body h5 img, body h6 img {
    margin: 0; }
  body p {
    margin: 0 0 1.5em; }
    body p img {
      float: left;
      margin: 1.5em 1.5em 1.5em 0;
      padding: 0; }
      body p img.right {
        float: right;
        margin: 1.5em 0 1.5em 1.5em; }
  body a {
    text-decoration: underline;
    color: #457ac9; }
    body a:visited {
      color: #124796; }
    body a:focus {
      color: #457ac9; }
    body a:hover {
      color: #399999; }
    body a:active {
      color: #ff7ac9; }
  body blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic; }
  body strong {
    font-weight: bold; }
  body em {
    font-style: italic; }
  body dfn {
    font-style: italic;
    font-weight: bold; }
  body sup, body sub {
    line-height: 0; }
  body abbr, body acronym {
    border-bottom: 1px dotted #666; }
  body address {
    margin: 0 0 1.5em;
    font-style: italic; }
  body del {
    color: #666; }
  body pre, body code {
    margin: 1.5em 0;
    white-space: pre;
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5; }
  body tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5; }
  body li ul, body li ol {
    margin: 0 1.5em; }
  body ul {
    margin: 0 1.5em 1.5em 1.5em;
    list-style-type: disc; }
  body ol {
    margin: 0 1.5em 1.5em 1.5em;
    list-style-type: decimal; }
  body dl {
    margin: 0 0 1.5em 0; }
    body dl dt {
      font-weight: bold; }
  body dd {
    margin-left: 1.5em; }
  body table {
    margin-bottom: 1.4em;
    width: 100%; }
  body th {
    font-weight: bold;
    background: #C3D9FF;
    padding: 4px 10px 4px 5px; }
  body td {
    padding: 4px 10px 4px 5px; }
  body tr.even td {
    background: #E5ECF9; }
  body tfoot {
    font-style: italic; }
  body caption {
    background: #eee; }
  body .quiet {
    color: #666666; }
  body .loud {
    color: #111111; }
  body label {
    font-weight: bold; }
  body fieldset {
    padding: 1.4em;
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc; }
  body legend {
    font-weight: bold;
    font-size: 1.2em; }
  body input.text {
    margin: 0.5em 0;
    border: 1px solid #bbb;
    width: 300px;
    padding: 5px; }
    body input.text:focus {
      border: 1px solid #666; }
  body input.title {
    font-size: 1.5em; }
  body input.title {
    margin: 0.5em 0;
    border: 1px solid #bbb;
    width: 300px;
    padding: 5px; }
    body input.title:focus {
      border: 1px solid #666; }
  body textarea {
    margin: 0.5em 0;
    border: 1px solid #bbb; }
    body textarea:focus {
      border: 1px solid #666; }
  body select {
    margin: 0.5em 0;
    border: 1px solid #bbb; }
    body select:focus {
      border: 1px solid #666; }
  body textarea {
    width: 390px;
    height: 250px;
    padding: 5px; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
    margin-bottom: 1em;
    line-height: 1em; }
  body h1, body h2 {
    letter-spacing: -1px; }
  body h3, body h4, body h5 {
    font-weight: normal; }
  body h1 {
    font-size: 2.4em;
    margin-bottom: .5em; }
    body h1 span {
      background: url(/images/gradient-glossy.png) repeat-x;
      position: absolute;
      display: block;
      width: 100%;
      height: 31px; }
  body h2 {
    font-size: 2em;
    margin-bottom: .6em; }
  body h3 {
    font-size: 1.8em;
    margin-bottom: .6em; }
  body h4 {
    font-size: 1.6em;
    margin-bottom: .8em; }
  body h5 {
    font-size: 1.3em; }
  body h6 {
    font-size: 1em; }
  body p img {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0; }
  body p .help-text {
    margin-bottom: 0;
    font-style: italic;
    color: #888; }
  body a {
    color: #222;
    text-decoration: none; }
    body a:visited {
      color: #222; }
    body a:hover {
      color: #555; }
  body pre {
    overflow: auto; }
  body li ol {
    margin: 0 1em; }
  body ul, body ol {
    margin: 0 1em 1em 1em; }
  body table {
    margin-bottom: 1.4em;
    width: auto; }
  body th {
    font-weight: bold;
    background: transparent; }
  body thead th {
    background: transparent; }
  body th, body td, body caption {
    padding: 0; }
  body tr.even td {
    background: transparent; }
  body tfoot {
    font-style: italic; }
  body caption {
    background: #eee; }
  body .snug {
    margin-bottom: 0; }
  body textarea {
    height: auto;
    width: auto; }
  body fieldset {
    border: 0;
    padding: 0; }
    body fieldset div.field {
      padding: 0; }
      body fieldset div.field label {
        font-weight: normal;
        color: #999; }
  body legend {
    font-size: 1em; }
  body hr {
    clear: both;
    height: 1px;
    margin: 2em 0; }
  body label.for-check {
    font-weight: normal;
    padding-left: 5px; }
  body input[type=text], body textarea, body input[type=password] {
    padding: 5px;
    border: solid 1px #c6c6c6;
    border-color: #C6C6C6 #C6C6C6 #E3E3E3;
    background: #fff url(/images/shadow_top.png) 0px -50px repeat-x;
    font-weight: bold; }
    body input[type=text]:focus,     body textarea:focus,     body input[type=password]:focus {
      border: solid 1px #999; }
  body input.title {
    width: auto; }
  body input.jumbo {
    font-size: 3em; }
  body div.field {
    padding: 0 0 1em; }
    body div.field label {
      display: block;
      font-weight: normal; }
    body div.field.fluid {
      float: left;
      margin-right: 10px; }
    body div.field.last {
      border-bottom: none; }
  body div.form-buttons {
    margin: 1em 0; }
    body div.form-buttons .message {
      float: right;
      text-align: right; }
  body td.check-column {
    width: 30px; }
  body .help-text {
    color: #999;
    font-size: 0.9em;
    margin: 5px 0; }
  body .tel .type {
    color: #666; }
  body .error, body .notice, body .success {
    border: 0;
    font-size: 1.3em;
    margin: 1em 0;
    padding: 5px; }
  body .error {
    background: #333;
    color: #D30000; }
  body .notice {
    color: green;
    font-weight: bold; }
  body #content #flash.error {
    background: #C00;
    color: #FFF;
    margin: 0 0 1em 0;
    padding: 1em; }
  body #content .notice, body #content .success {
    font-weight: normal;
    font-size: 1em;
    background: #FFC;
    border: 1px solid #DDA;
    padding: 1em;
    color: #000; }
  body #content .notice a, body #content .success a {
    color: #000;
    font-weight: bold; }
  body #content .success {
    background: #CFC;
    border-color: #9C9; }
  body *:focus {
    outline: none; }
  body .right {
    float: right; }
  body .left {
    float: left; }
  body .inline {
    display: inline; }
  body .big {
    font-size: 130%;
    font-weight: bold; }
  body .errorExplanation h2 {
    font-size: 1.5em; }
  body .copyright {
    color: #999; }
  body .rounded-2 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px; }
  body .rounded-5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
  body .rounded-10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; }
  body .clear {
    clear: both; }
  body .clearfix, body .container {
    display: inline-block; }
  body #content p a {
    color: #666;
    border-bottom: dotted 1px #666;
    text-decoration: none; }
    body #content p a.edit {
      color: #000; }
  body ul#nav-links li {
    list-style: none;
    float: right;
    margin-left: 1em;
    font-size: 1.5em; }
  body #footer {
    text-align: left; }
    body #footer #squeejee-link {
      float: left;
      width: 110px;
      margin-right: 10px;
      text-align: right; }
    body #footer .foot-links {
      float: left;
      width: 390px;
      margin-right: 10px; }
  body a.timer-toggle-link {
    color: inherit;
    display: block; }
  body a.select-all {
    padding: 7px 4px 3px 17px;
    background: url(/images/icons/fugue/tick_small.png) 0px 5px no-repeat; }
  body a.select-none {
    padding: 7px 4px 3px 17px;
    background: url(/images/icons/fugue/minus_small.png) 0px 5px no-repeat; }
  body a.delete-selected {
    font-size: .9em;
    border: none;
    text-decoration: none;
    padding: 7px 4px 3px 17px;
    background: #fff url(/images/icons/fugue/cross_small.png) 0px 5px no-repeat; }
  body a.button {
    padding: 10px 12px;
    font-size: 1em;
    color: #d5d5d5;
    text-transform: lowercase;
    text-align: left;
    background: #111 url(/images/shiny.png) center left repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; }
    body a.button:hover {
      -moz-outline: solid 2px #575757;
      -moz-outline-radius: 5px;
      -moz-outline-offset: -1px; }
    body a.button img {
      vertical-align: middle;
      margin-right: 5px; }
  body a.goto-today {
    color: #555;
    padding: 5px 5px 5px 20px;
    background: url(/images/icons/tools/today.png) left center no-repeat; }
    body a.goto-today img {
      float: left; }
  body.audit-user-link img.gravatar {
    vertical-align: middle;
    padding: 1px;
    background: #fff;
    border: solid 1px #ccc; }
  body.timer {
    min-height: 200px;
    background: #111 url(/images/bottom_shine.png) bottom left repeat-x;
    font-size: .7em; }
    body.timer a.signout {
      position: absolute;
      right: 4px;
      top: 4px;
      color: #999; }
    body.timer a#home {
      float: left; }
    body.timer h4#flash {
      background: #c00;
      color: #fff;
      font-weight: bold;
      margin: 0px 0px 10px 0px; }
    body.timer #header {
      height: 25px;
      font-size: 1.3em;
      min-width: 220px; }
    body.timer form.edit_entry textarea {
      width: 95%; }
    body.timer .profile-links {
      display: block;
      float: none;
      width: 100%;
      text-align: right; }
      body.timer .profile-links ul {
        float: right; }
      body.timer .profile-links li {
        clear: both;
        float: right; }
  body.entries #content-wrapper {
    clear: left;
    margin-top: 0px;
    margin-right: 260px;
    background: #fff;
    border-top: none; }
    body.entries #content-wrapper #content {
      padding-left: 20px;
      background: #fff url(/images/shadow_top.png)  0px -42px  repeat-x; }
  body.entries #content {
    background: transparent;
    border-top: none; }
  body.entries #sidebar {
    padding-top: 50px; }
    body.entries #sidebar a.button {
      display: block;
      height: 24px;
      line-height: 24px;
      font-size: 1.5em;
      background: none; }
  body #header {
    background: #111 url(/images/bottom_shine.png) left bottom repeat-x;
    color: #fff;
    padding: 20px;
    height: 45px;
    position: relative; }
    body #header h1 {
      font-size: 3em;
      text-indent: -1000px;
      overflow: clip;
      background: url(/images/logo.png) left top no-repeat; }
  body #footer {
    padding: 3em 1em 6em 1em;
    color: #666;
    font-size: .8em; }
    body #footer a {
      color: #ccc; }
      body #footer a:hover {
        color: #fff; }
      body #footer a.squeejee-link {
        margin: 1em; }
    body #footer small {
      display: block; }
    body #footer ul {
      margin: 0;
      padding: 0; }
      body #footer ul li {
        list-style: none;
        margin: 0 1em 0 0;
        float: left; }
  body #wrapper {
    max-width: 1600px;
    min-width: 950px; }
  body #content {
    padding: 20px;
    background: transparent url(/images/shadow_top.png) top left repeat-x;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff; }
    body #content.session {
      margin: 20px;
      background-color: #fff; }
  body #content-wrapper {
    margin: 20px;
    margin-right: 20px;
    background: #fff url(/images/content-back.png) -240px 0px repeat-y;
    padding-bottom: 2em; }
    body #content-wrapper.side-menu {
      background-position: 0px 0px;
      min-height: 450px; }
      body #content-wrapper.side-menu #content {
        padding-left: 235px; }
    body #content-wrapper #content {
      padding-left: 20px; }
  body .container {
    padding: 10px;
    min-width: 400px; }
  body #side-menu {
    float: left;
    position: absolute;
    width: 230px;
    padding-top: 1em; }
    body #side-menu a.button {
      display: block; }
  body .help {
    min-height: 300px; }
  body #sidebar {
    padding: 20px;
    width: 240px;
    float: right; }
    body #sidebar ul li {
      margin: 3px 10px;
      list-style: none;
      background: #000 url(/images/shiny.png) center center repeat-x;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-top: solid 1px #333;
      border-left: solid 1px #333;
      font-weight: bold; }
      body #sidebar ul li a {
        padding: 10px;
        color: #eee; }
    body #sidebar li.timer-link {
      background-color: #2187c6;
      border-color: #79c3f1; }
      body #sidebar li.timer-link a {
        color: #efefef;
        -moz-outline-color: #67AFFB; }
  body #status {
    background: #111 url(/images/shiny.png) center center repeat-x; }
    body #status ul.info {
      margin-right: 10px;
      float: right; }
      body #status ul.info li {
        font-size: 80%;
        padding: 0px 5px;
        line-height: 28px;
        color: #d5d5d5;
        list-style: none;
        background: #111 url(/images/shiny.png) center center repeat-x;
        border: none;
        float: left; }
        body #status ul.info li.profile {
          background-color: #222; }
        body #status ul.info li.this-week, body #status ul.info li.today {
          background-color: #222;
          text-transform: uppercase;
          border-left: solid 1px #555;
          border-right: solid 1px #222; }
    body #status li a {
      color: #efefef; }
  body ul.tabs {
    margin: 0px; }
    body ul.tabs li {
      width: 120px;
      list-style: none;
      float: left;
      font-size: .8em;
      border-left: solid 1px #333;
      border-top: solid 1px #333;
      background: #111 url(/images/bottom_shine.png) center left repeat-x; }
      body ul.tabs li.account-tab, body ul.tabs li.accounting-tab {
        width: 150px; }
      body ul.tabs li.reports-tab {
        width: 160px; }
      body ul.tabs li.selected {
        background-color: #222;
        border-color: #444;
        border-right: solid 1px #333; }
      body ul.tabs li a {
        color: #ccc;
        display: block;
        padding-right: 10px;
        font-size: 1em;
        font-weight: bold;
        text-transform: uppercase;
        margin: 10px; }
        body ul.tabs li a.profile {
          padding-left: 40px; }
      body ul.tabs li:last-child a {
        border: none; }
      body ul.tabs li:hover a {
        color: #fff; }
      body ul.tabs li span {
        display: block;
        font-size: .7em;
        letter-spacing: none;
        color: #999;
        margin-top: -5px;
        text-shadow: none; }
  body ul.project-list {
    margin: 0px; }
  body li.profile img {
    float: left;
    margin: 3px 3px 3px 0px; }
  body li.project {
    list-style: none;
    padding: 5px;
    background: #000 url(/images/shiny.png) left -30px repeat-x;
    border-bottom: solid 1px #000;
    border-top: solid 1px #222;
    color: #ccc;
    line-height: 1.3em;
    font-size: 1.2em; }
    body li.project label {
      font-weight: normal;
      font-size: .8em;
      display: block;
      text-align: left; }
    body li.project.running {
      font-weight: bold;
      border-top: solid 1px #555;
      border-bottom: solid 1px #222;
      color: #fff;
      background-color: #2187C6; }
    body li.project div {
      padding: 5px;
      margin: 5px;
      text-align: right; }
    body li.project input.timer-toggle {
      float: left;
      margin: 0px 0px 0px 10px; }
  body li.running .timer-total {
    display: inline; }
  body li.timer-daily-total {
    list-style: none;
    padding: 5px;
    background: #000 url(/images/shiny.png) left -30px repeat-x;
    border-bottom: solid 1px #000;
    border-top: solid 1px #222;
    color: #ccc;
    line-height: 1.3em;
    font-size: 1.2em;
    line-height: 1.5em;
    background: #d5d5d5 url(/images/bottom_shine.png) 0px -25px repeat-x;
    color: #222;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: none;
    position: relative; }
    body li.timer-daily-total a {
      font-size: .6em;
      font-weight: normal;
      text-transform: uppercase;
      float: right; }
    body li.timer-daily-total .timer-total {
      padding-left: 25px; }
  body span.total-hours {
    font-size: 1.5em;
    font-weight: bold;
    color: #efefef; }
  body span.running-timer {
    font-size: .9em; }
  body span.time {
    font-weight: bold; }
  body span.seconds {
    font-size: 70%; }
  body .header-icon {
    float: right;
    height: 32px;
    width: 32px; }
  body .breadcrumbs {
    line-height: 30px;
    background: #111 url(/images/shiny.png) center center repeat-x;
    padding-left: 1em; }
    body .breadcrumbs a {
      color: #999;
      font-size: .9em;
      line-height: 30px;
      padding: 8px;
      background: #111 url(/images/shiny.png) center center repeat-x; }
    body .breadcrumbs span {
      color: #999;
      font-size: .9em;
      line-height: 30px;
      padding: 8px;
      color: #d5d5d5;
      border-left: none;
      padding-left: 20px;
      background: #111 url(/images/bookmark_current.png) -20px center repeat-x; }
      body .breadcrumbs span.cap {
        background: #111 url(/images/shiny_cap.png) right center no-repeat;
        margin-left: -8px;
        padding-left: 0px; }
  body #nav {
    position: absolute;
    bottom: 2px;
    right: 0px; }
    body #nav ul.tabs li:first-child {
      -webkit-border-top-left-radius: 10px;
      -moz-border-radius-topleft: 10px; }
  body #timer {
    color: #d5d5d5;
    margin: 0px;
    min-width: 300px; }
    body #timer .notes, body #timer .tags {
      display: none; }
      body #timer .notes input[type="submit"], body #timer .notes button,       body #timer .tags input[type="submit"], body #timer .tags button {
        font-size: 10px;
        padding: 5px 10px; }
    body #timer .toggle-notes {
      width: 30px;
      height: 14px;
      padding: 0px 3px 0px 19px;
      font-weight: normal;
      font-size: .8em;
      color: #fff;
      background: url(/images/icons/fugue/sticky_note.png) left center no-repeat; }
    body #timer .toggle-tags {
      width: 30px;
      height: 14px;
      padding: 0px 3px 0px 19px;
      font-weight: normal;
      font-size: .8em;
      color: #fff;
      background: url(/images/icons/fugue/tags.png) left center no-repeat; }
    body #timer li.show-notes {
      background-position: 0px -45px; }
      body #timer li.show-notes .notes {
        display: block; }
        body #timer li.show-notes .notes label.presently, body #timer li.show-notes .notes input#entry_send_to_presently {
          float: right;
          display: inline; }
    body #timer li.show-tags {
      background-position: 0px -45px; }
      body #timer li.show-tags .tags {
        display: block; }
        body #timer li.show-tags .tags input[type="text"], body #timer li.show-tags .tags button {
          float: left; }
        body #timer li.show-tags .tags input[type="submit"] {
          float: left;
          margin-left: 10px; }
  body .timer-meta {
    background: #fff; }
  body .timer-total {
    font-size: 1.3em;
    font-weight: bold;
    float: left;
    text-align: right;
    width: 50px;
    padding-right: 10px;
    display: inline; }
  body .timer-error {
    font-size: 1em;
    color: #fff;
    background: #c00;
    padding: 10px; }
  body .stopped {
    color: red; }
  body table.entries-list {
    width: 100%; }
    body table.entries-list a {
      color: #333; }
      body table.entries-list a:hover {
        text-decoration: underline; }
      body table.entries-list a.delete {
        background: #b00 url(/images/icons/delete.png) 79px center;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        padding: 5px 35px 5px 5px;
        font-size: .8em;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px; }
    body table.entries-list td {
      padding: 10px;
      vertical-align: top; }
      body table.entries-list td.select input {
        float: left; }
    body table.entries-list th {
      padding: 10px;
      text-align: right;
      font-size: 1.3em; }
      body table.entries-list th.select {
        font-size: .9em;
        vertical-align: bottom;
        text-align: left; }
        body table.entries-list th.select a {
          margin: 0px;
          border: none;
          text-decoration: none; }
    body table.entries-list tr.alt td {
      background: #fff; }
  body table.weekly th, body table.weekly td {
    text-align: left !important; }
  body table.weekly .actions, body table.weekly .project-name, body table.weekly td.time-range, body table.weekly td.duration {
    text-align: left !important;
    font-size: 1em !important;
    font-weight: normal !important; }
  body table.weekly .actions {
    width: 125px; }
  body table.weekly td.duration {
    width: 30px; }
  body table.data-grid {
    width: 100%; }
    body table.data-grid thead th {
      font-weight: bold;
      border-bottom: solid 1px #ccc;
      background: #d5d5d5;
      padding: 5px 7px; }
      body table.data-grid thead th:first-child {
        -moz-border-radius-topleft: 3px;
        -webkit-border-top-left-radius: 3px; }
      body table.data-grid thead th:last-child {
        -moz-border-radius-topright: 3px;
        -webkit-border-top-right-radius: 3px; }
    body table.data-grid td {
      padding: 5px 7px;
      border-bottom: solid 1px #efefef; }
    body table.data-grid tr.odd td,
    body table.data-grid tr.alt td {
      background: #e8f5ff; }
    body table.data-grid tbody tr th {
      padding: 5px 7px;
      border-bottom: solid 1px #ccc; }
    body table.data-grid tbody tr:last-child td, body table.data-grid tbody tr:last-child th {
      border-bottom: none; }
    body table.data-grid tfoot td, body table.data-grid tfoot th {
      border-top: 2px solid #777;
      font-weight: bold;
      font-style: normal;
      border-bottom: none; }
  body table#report-grid {
    width: 100%; }
    body table#report-grid th {
      font-size: 1.1em;
      line-height: 1em;
      text-align: center;
      width: 10%;
      border-color: #ada; }
      body table#report-grid th.today {
        font-size: 1.3em;
        width: 15%; }
      body table#report-grid th span.date {
        font-size: .8em;
        font-weight: normal;
        display: block; }
      body table#report-grid th.project {
        width: 15%;
        text-align: left;
        font-size: 1.5em;
        padding: .5em;
        border: solid 0px #fff; }
    body table#report-grid tr:last-child td.project {
      border-bottom: solid 0px #fff; }
    body table#report-grid tr.alt td {
      background: #dfd; }
      body table#report-grid tr.alt td.weekend {
        background: #cec;
        border-color: #9c9; }
      body table#report-grid tr.alt td.notification {
        font-size: 1.3em; }
    body table#report-grid tr.booster td.today li, body table#report-grid tr.reward td.today li, body table#report-grid tr.soother td.today li, body table#report-grid tr.keepmoving td.today li {
      padding-left: 0px; }
    body table#report-grid td.weekend {
      background: #efe;
      border-color: #ada; }
    body table#report-grid td.project {
      text-align: left;
      font-size: 1.2em;
      font-weight: bold;
      padding: .5em;
      border-left: none;
      color: #333;
      text-align: left; }
    body table#report-grid td.today li {
      font-size: 1em;
      position: relative;
      padding-left: 50px; }
      body table#report-grid td.today li span.time {
        position: absolute;
        left: 0px;
        width: 40px;
        text-align: center; }
    body table#report-grid td.notification {
      font-size: 1.3em; }
    body table#report-grid ul {
      margin: 0;
      padding: 0; }
    body table#report-grid li {
      list-style: none;
      font-size: .8em;
      text-align: left; }
      body table#report-grid li.project {
        margin-bottom: 1em;
        padding-bottom: 1em;
        border-bottom: solid 1px #cec; }
        body table#report-grid li.project:last-child {
          border-bottom: none; }
    body table#report-grid span.time {
      font-size: .7em;
      margin: 2px 0px 0px 0px;
      color: #fff;
      background: #393;
      padding: 2px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px; }
    body table#report-grid a.tracker-link {
      display: block;
      line-height: 2em; }
  body .errorExplanation h2, body form.delete  h2 {
    background: #c00;
    color: #fff;
    padding: 10px;
    padding-right: 50px; }
  body .error-help {
    color: #c00; }
  body tr.entry td {
    border-top: solid 1px #d5d5d5;
    background: #e8f5ff; }
    body tr.entry td.has-notes {
      padding-left: 20px;
      background-image: url(/images/icons/fugue/sticky_note.png);
      background-position: 0px 10px;
      background-repeat: no-repeat; }
    body tr.entry td.delete a {
      visibility: hidden; }
    body tr.entry td.actions {
      width: 30px;
      text-align: right; }
      body tr.entry td.actions div {
        display: none; }
  body tr.entry:hover td.delete a {
    visibility: visible; }
  body tr.entry:hover td.actions div {
    display: block; }
  body tr.spacer td {
    background: #fff;
    height: 5px;
    padding: 0px;
    font-size: 1pt; }
  body tr.project-row td {
    border: solid 1px #ada;
    border-width: 0px 0px 1px 1px;
    padding: 5px; }
    body tr.project-row td.last {
      border-right: solid 1px #ada; }
  body tr.last td {
    border-bottom: solid 3px #ada; }
  body div#screenshot {
    width: 386px;
    margin-right: 20px;
    text-align: left; }
    body div#screenshot p {
      font-size: 80%;
      font-weight: bold;
      color: #666; }
    body div#screenshot img {
      padding: 3px;
      border: 1px solid #ccc;
      margin: 0 auto 5px auto; }
  body div#user-presently-form {
    width: 52%; }
  body div.time-entries .total {
    background: #fff; }
    body div.time-entries .total td {
      color: #333;
      font-size: 1.5em;
      font-weight: bold;
      text-align: right; }
      body div.time-entries .total td.header {
        text-align: left; }
  body div.entry-nav {
    float: right; }
  body div.timesheet-tabs {
    padding: 0px;
    margin: 20px 260px 0px 20px;
    border-right: solid 1px #fff; }
    body div.timesheet-tabs ul {
      padding: 0px;
      margin: 0px;
      max-width: 1000px; }
      body div.timesheet-tabs ul li {
        float: left;
        background: #444 url(/images/bottom_shine.png) bottom right repeat-x;
        padding: 5px;
        color: #ccc;
        font-size: .6em;
        width: 10%;
        list-style: none;
        height: 30px;
        margin-top: 5px;
        border-top: solid 1px #333;
        border-right: solid 1px #333;
        text-transform: uppercase;
        white-space: nowrap; }
        body div.timesheet-tabs ul li a {
          color: #d5d5d5; }
          body div.timesheet-tabs ul li a span.hours {
            color: #999; }
        body div.timesheet-tabs ul li.current {
          height: 35px;
          margin-top: 0px;
          -webkit-border-top-left-radius: 5px;
          -webkit-border-top-right-radius: 5px;
          -moz-border-radius-topleft: 5px;
          -moz-border-radius-topright: 5px;
          color: #222;
          background: #fff url(/images/shadow_top.png) 0px 0px repeat-x;
          border-top: solid 1px #fff;
          border-right: solid 1px #fff; }
          body div.timesheet-tabs ul li.current a {
            color: #111; }
        body div.timesheet-tabs ul li:hover {
          height: 35px;
          margin-top: 0px;
          -webkit-border-top-left-radius: 5px;
          -webkit-border-top-right-radius: 5px;
          -moz-border-radius-topleft: 5px;
          -moz-border-radius-topright: 5px; }
        body div.timesheet-tabs ul li.first {
          -webkit-border-top-left-radius: 5px;
          -webkit-border-top-right-radius: 0px;
          -moz-border-radius-topleft: 5px;
          -moz-border-radius-topright: 0px; }
          body div.timesheet-tabs ul li.first.current, body div.timesheet-tabs ul li.first:hover {
            height: 35px;
            margin-top: 0px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px; }
        body div.timesheet-tabs ul li.last {
          -webkit-border-top-left-radius: 0px;
          -webkit-border-top-right-radius: 5px;
          -moz-border-radius-topleft: 0px;
          -moz-border-radius-topright: 5px; }
          body div.timesheet-tabs ul li.last.current, body div.timesheet-tabs ul li.last:hover {
            height: 35px;
            margin-top: 0px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px; }
        body div.timesheet-tabs ul li.non-working {
          background-color: #222;
          color: #999;
          border-top: solid 1px #111;
          border-right: solid 1px #111; }
        body div.timesheet-tabs ul li.current {
          background-color: #fff; }
        body div.timesheet-tabs ul li.nav {
          width: auto;
          background-color: #111;
          border-color: #111;
          background: none;
          border: none; }
          body div.timesheet-tabs ul li.nav img {
            margin-top: 7px; }
          body div.timesheet-tabs ul li.nav:hover {
            height: 30px;
            margin-top: 5px;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-top-right-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 0px; }
    body div.timesheet-tabs span.nav-link a img {
      margin-top: 12px; }
    body div.timesheet-tabs span.date {
      font-size: 1.2em;
      float: right;
      text-align: center; }
      body div.timesheet-tabs span.date b {
        font-size: 2.3em;
        line-height: .7em;
        display: block; }
    body div.timesheet-tabs span.hours {
      font-size: 1.8em;
      display: block;
      margin-top: -.3em;
      color: #999; }
  body div.entries-menu {
    float: right;
    text-align: right; }
  body div.project {
    border: solid 1px #d5d5d5;
    padding: 10px;
    margin: 10px;
    margin-left: 0px;
    float: left;
    width: 250px;
    height: 120px; }
    body div.project:hover {
      border-color: #999; }
  body div.section-pane {
    margin-left: 200px; }
  body div.section-menu {
    padding-top: 20px;
    text-align: center; }
    body div.section-menu ul {
      list-style: none;
      margin: 0 0 3em;
      text-align: left;
      padding-top: 2em; }
      body div.section-menu ul li {
        font-size: 1.1em;
        line-height: 40px;
        display: block;
        width: 215px; }
        body div.section-menu ul li.current {
          font-size: 1.1em;
          font-weight: bold;
          background: url(/images/menu-current-left.png) -235px center no-repeat;
          border: none; }
          body div.section-menu ul li.current a {
            color: #111; }
        body div.section-menu ul li.financial.current {
          background-image: url(/images/menu-current-left-green.png); }
        body div.section-menu ul li a {
          color: #111;
          padding-left: 45px;
          display: block; }
    body div.section-menu li.overview a {
      background: url(/images/icons/diagona/04/16/30.png) 20px center no-repeat; }
    body div.section-menu li.settings a {
      background: url(/images/icons/fugue/equalizer.png) 20px center no-repeat; }
    body div.section-menu li.people a {
      background: url(/images/icons/fugue/cards_address.png) 20px center no-repeat; }
    body div.section-menu li.productivity a {
      background: url(/images/icons/diagona/02/16/33.png) 20px center no-repeat; }
    body div.section-menu li.financial a {
      background: url(/images/icons/diagona/02/16/31.png) 20px center no-repeat; }
    body div.section-menu li.services a {
      background: url(/images/icons/fugue/gear__plus.png) 20px center no-repeat; }
    body div.section-menu li.presently a {
      background: url(/images/icons/presently.png) 20px center no-repeat; }
  body div.profile-links {
    position: absolute;
    right: 5px;
    top: 5px; }
    body div.profile-links ul li {
      float: left;
      list-style: none;
      margin-left: 10px;
      line-height: 30px;
      font-size: .8em;
      color: #777; }
    body div.profile-links a {
      color: #999; }
      body div.profile-links a:hover {
        color: #efefef; }
      body div.profile-links a.my-account {
        padding-left: 20px;
        background: url(/images/icons/fugue/switch.png) left center no-repeat; }
    body div.profile-links img.gravatar {
      float: right;
      margin: 0px 5px 0px 5px;
      padding: 1px;
      background: #999;
      border: solid 1px #333; }
  body div.sent-list li {
    list-style: none;
    padding-left: 30px;
    background: url(/images/icons/mail_24x24.png) left center no-repeat; }
  body div.report-links {
    float: right; }
    body div.report-links ul li {
      float: left;
      margin-left: 10px;
      font-size: 1.2em; }
    body div.report-links ol li {
      background: url(/images/icons/check_blue.gif) bottom center no-repeat; }
  body div#report-detail {
    min-height: 500px;
    margin-top: 1em; }
  body div#report-filters {
    padding: 1em 0;
    display: none; }
    body div#report-filters label {
      font-weight: normal;
      padding-right: 1em;
      white-space: nowrap;
      line-height: 30px;
      display: block;
      width: 200px;
      float: left; }
      body div#report-filters label img {
        vertical-align: middle;
        padding: 1px;
        background: #fff;
        border: solid 1px #ccc; }
    body div#report-filters fieldset {
      width: 50%;
      float: left; }
      body div#report-filters fieldset.user-filter label {
        line-height: 40px; }
    body div#report-filters span.caption {
      font-weight: normal; }
    body div#report-filters a.select-all, body div#report-filters a.select-none {
      color: #2187C6;
      border-bottom: dotted 1px #2187C6;
      font-weight: normal;
      border-bottom: none; }
  body div.current-filters h6 {
    background: url(/images/icons/fugue/funnel.png) left center no-repeat;
    padding-left: 20px;
    line-height: 16px; }
  body div.current-filters ul {
    margin: 0 0 2em 0;
    padding: 0; }
    body div.current-filters ul li {
      float: left;
      list-style: none;
      margin-left: 10px;
      white-space: nowrap; }
      body div.current-filters ul li img {
        vertical-align: middle;
        padding: 1px;
        background: #fff;
        border: solid 1px #ccc; }
  body div#user-filters ul li {
    line-height: 36px; }
  body td.task {
    font-size: 1.2em;
    font-weight: bold; }
    body td.task .tag {
      font-size: 80%;
      font-weight: normal; }
  body td.select {
    text-align: left;
    width: 20px; }
  body td.project-name {
    width: 100px; }
  body td.time-range {
    text-align: right;
    width: 75px; }
  body td.duration {
    font-size: 1.2em;
    width: 150px;
    text-align: right;
    font-weight: bold; }
    body td.duration input {
      float: right;
      margin: 5px; }
    body td.duration a.edit {
      float: right; }
  body td.audit-trail {
    text-align: left;
    width: 30px; }
  body img.audit-icon {
    vertical-align: middle; }
  body th span.duration {
    font-size: 1.2em;
    width: 150px;
    text-align: right;
    font-weight: bold; }
  body .field input {
    font-size: 1.2em;
    margin: 0px; }
    body .field input.jumbo {
      font-size: 1.5em; }
  body .field select, body .field textarea {
    font-size: 1.2em;
    margin: 0px; }
  body #facebox div.entry-form {
    background: url(/images/icons/shadowed/entry.png) top right no-repeat; }
  body #facebox .new_entry, body #facebox .edit_entry {
    width: 500px; }
  body #facebox .confirm {
    with: 400px; }
  body #facebox .content {
    padding: 10px; }
  body #facebox .form + .footer {
    visibility: hidden;
    height: 1px; }
  body #facebox .terms, body #facebox .privacy {
    height: 300px;
    width: 500px;
    padding: 1em;
    overflow: auto; }
  body .new_entry .field, body .edit_entry .field {
    float: left;
    margin-right: 10px; }
  body .toolbar {
    text-align: right;
    padding: 1em; }
  body .date-selects .fieldWithErrors {
    display: inline;
    float: left; }
  body .fieldWithErrors label {
    color: #c00;
    border: none; }
  body #fb-client {
    display: none; }
  body #flash {
    margin: 1em;
    color: #d5d5d5; }
  body .session form {
    background: url(/images/icons/lock.png) top right no-repeat; }
  body .home {
    margin: 0 auto;
    padding-top: 5em;
    color: #d5d5d5;
    text-align: center; }
    body .home h1 {
      font-size: 3em;
      text-indent: -10000px;
      height: 70px;
      margin: 1em 0;
      overflow: clip;
      background: url(/images/homepage/impact.png) left top no-repeat; }
    body .home a {
      color: #fff; }
    body .home p {
      text-align: center; }
  body #mini-login {
    padding: 10px;
    color: #d5d5d5; }
    body #mini-login form {
      width: 200px;
      margin: 0 auto; }
    body #mini-login h1 {
      font-size: 1.5em; }
    body #mini-login a {
      color: #efefef; }
    body #mini-login input.title {
      font-size: inherit;
      font-weight: bold; }
    body #mini-login .form-buttons {
      padding: 5px 0px;
      border: none;
      background: none;
      margin: 0; }
    body #mini-login .field {
      padding: 2px 0; }
  body select.user-entries-menu {
    margin: 0; }
  body .account_invitation {
    border: solid 1px #d5d5d5;
    padding: 10px;
    margin: 10px;
    margin-left: 0px;
    float: left;
    width: 250px;
    height: 120px; }
    body .account_invitation:hover {
      border-color: #999; }
    body .account_invitation img.gravatar {
      border: solid 1px #d5d5d5;
      padding: 5px;
      margin: 0px 0px 5px 5px;
      float: right;
      background: #fff; }
  body .account_user {
    border: solid 1px #d5d5d5;
    padding: 10px;
    margin: 10px;
    margin-left: 0px;
    float: left;
    width: 250px;
    height: 120px; }
    body .account_user:hover {
      border-color: #999; }
      body .account_user:hover a.edit {
        visibility: visible; }
    body .account_user img.gravatar {
      border: solid 1px #d5d5d5;
      padding: 5px;
      margin: 0px 0px 5px 5px;
      float: right;
      background: #fff; }
    body .account_user a.edit {
      color: red;
      float: right;
      visibility: hidden;
      color: red; }
  body .project_user {
    border: solid 1px #d5d5d5;
    padding: 10px;
    margin: 10px;
    margin-left: 0px;
    float: left;
    width: 250px;
    height: 120px; }
    body .project_user.admin {
      background: #efefef url(/images/shiny.png) left center repeat-x;
      border-color: #d5d5d5; }
    body .project_user:hover {
      border-color: #999; }
      body .project_user:hover a.edit {
        visibility: visible; }
    body .project_user img.gravatar {
      border: solid 1px #d5d5d5;
      padding: 5px;
      margin: 0px 0px 5px 5px;
      float: right;
      background: #fff; }
    body .project_user a.edit {
      color: red;
      float: right;
      visibility: hidden; }
  body .account-user-detail img.gravatar {
    border: solid 1px #d5d5d5;
    padding: 5px;
    margin: 0 1em 1em 0;
    float: left;
    background: #fff; }
  body .account-user-detail a.edit {
    color: red; }
  body .account-user-detail h1 {
    margin: 0; }
  body .project-user-detail img.gravatar {
    border: solid 1px #d5d5d5;
    padding: 5px;
    margin: 0px 0px 5px 5px;
    float: right;
    background: #fff; }
  body .project-user-detail h1 {
    margin: 0; }
  body .project img.logo {
    border: solid 1px #d5d5d5;
    padding: 5px;
    margin: 0px 0px 5px 5px;
    float: right;
    background: #fff; }
  body .project a.edit {
    color: red;
    float: right;
    visibility: hidden; }
  body .project:hover a.edit {
    visibility: visible; }
  body .account-members h5, body .account-members h6 {
    margin: 0; }
  body .project-members h4 {
    margin: 0; }
  body table.account-projects td.member-count {
    width: 40px;
    text-align: center; }
  body .accounts h2, body .account_users h2 {
    margin: 0; }
  body h1.section-heading {
    margin-bottom: 0; }
  body .hidden {
    display: none; }
  body #report {
    background: #fff;
    padding: 10px; }
  body #activity-form .form-buttons {
    text-align: right; }
  body h4.report-range {
    float: right; }
    body h4.report-range span.caption {
      font-size: .6em;
      font-weight: normal; }
  body .report-totals {
    float: left; }
    body .report-totals span.total-label {
      font-size: .6em;
      font-weight: normal; }
    body .report-totals .total-block {
      float: left;
      padding-right: 1em; }
    body .report-totals h2 {
      margin: 0; }
    body .report-totals .loading {
      padding-left: 20px;
      background: url(/images/ajax-loader.gif) 0px 2px no-repeat; }
  body .total-table {
    float: left; }
    body .total-table.loading {
      height: 100px;
      background: url(/images/ajax-loader.gif) center center no-repeat; }
  body .revenue-stats {
    width: 50%;
    float: left; }
  body .hours-stats {
    width: 45%;
    float: right; }
  body .revenue-stats h4,
  body .hours-stats h4 {
    float: left; }
  body .revenue-stats h4 .unit,   body .revenue-stats h5 .unit,
  body .hours-stats h4 .unit,   body .hours-stats h5 .unit {
    font-weight: normal;
    color: #999;
    font-size: 70%; }
  body .revenue-stats h4 .description,   body .revenue-stats h5 .description,
  body .hours-stats h4 .description,   body .hours-stats h5 .description {
    font-size: 60%;
    color: #999;
    display: block; }
  body .revenue-stats #total-revenue,
  body .revenue-stats #total-hours,
  body .revenue-stats #gross-profit,
  body .hours-stats #total-revenue,
  body .hours-stats #total-hours,
  body .hours-stats #gross-profit {
    font-size: 1.5em; }
  body .revenue-stats h5,
  body .hours-stats h5 {
    margin-left: 200px;
    font-size: 1.2em;
    line-height: 1.3em; }
    body .revenue-stats h5 .sparkline,
    body .hours-stats h5 .sparkline {
      width: 30px;
      display: block;
      float: left;
      margin-right: 10px;
      vertical-align: middle; }
    body .revenue-stats h5.negative,
    body .hours-stats h5.negative {
      color: #900; }
  body .snapshots {
    height: 200px; }
    body .snapshots.loading {
      background: url(/images/ajax-loader.gif) center center no-repeat; }
      body .snapshots.loading * {
        opacity: .4; }
  body #timeline-wrapper {
    clear: both;
    margin: 0 1em 1em 0;
    margin-bottom: 2em;
    position: relative; }
    body #timeline-wrapper a.event-details-toggle,
    body #timeline-wrapper a.events-toggle {
      background-image: url(/images/icons/fugue/layout_right.png);
      float: none;
      margin-right: 0;
      margin-left: 1em; }
    body #timeline-wrapper a.events-toggle {
      background-image: url(/images/icons/fugue/flag.png); }
    body #timeline-wrapper #timeline {
      height: 350px; }
    body #timeline-wrapper #events {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 235px;
      display: none; }
      body #timeline-wrapper #events h5 {
        margin-bottom: 1em; }
      body #timeline-wrapper #events ul {
        margin: 0;
        padding: 0;
        height: 315px;
        overflow: auto; }
        body #timeline-wrapper #events ul li {
          list-style: none;
          border-bottom: solid 1px #ccc;
          padding: 5px;
          font-size: 85%; }
          body #timeline-wrapper #events ul li span.date {
            font-weight: bold;
            display: block; }
          body #timeline-wrapper #events ul li.alt {
            background: #efefef; }
    body #timeline-wrapper.with-events {
      padding-right: 250px; }
      body #timeline-wrapper.with-events a.event-details-toggle {
        background-image: url(/images/icons/fugue/layout.png); }
      body #timeline-wrapper.with-events #events {
        display: block; }
  body .breakdown .chart-wrapper {
    float: left;
    margin-right: 1em; }
  body .breakdown .chart {
    float: left;
    margin-left: 2em; }
  body .breakdown table {
    float: left;
    font-size: 85%;
    width: 40%;
    min-width: 400px;
    margin-right: 1em; }
    body .breakdown table.full {
      width: 100%; }
    body .breakdown table tr td, body .breakdown table tr th {
      border-color: #d5d5d5; }
      body .breakdown table tr td.negative,       body .breakdown table tr th.negative {
        color: #c00;
        font-weight: bold; }
    body .breakdown table tr.alt td, body .breakdown table tr.alt th,     body .breakdown table tr.odd td, body .breakdown table tr.odd th {
      background-color: #efefef; }
    body .breakdown table tr.highlight td,
    body .breakdown table tr.alt.highlight td {
      background-color: #333;
      color: #fff;
      border-color: #999; }
      body .breakdown table tr.highlight td a,
      body .breakdown table tr.alt.highlight td a {
        color: #fff; }
    body .breakdown table tfoot td {
      font-size: 120%; }
  body #cross-tabs th {
    text-align: center; }
    body #cross-tabs th.numeric {
      text-align: right; }
  body #cross-tabs tbody td {
    border-right: solid 1px #ccc; }
  body #presently-setup {
    display: none; }
  body #use_presently {
    color: #666; }
  body table.current-invoices td, body table.current-invoices th {
    padding: 0 10px; }
  body table.current-invoices tr.odd {
    background-color: #eee; }
  body table.current-invoices a {
    color: #457AC9;
    text-decoration: underline; }
  body li.sub-nav a:hover {
    font-weight: bold; }
  body ul.filter-links {
    list-style: none;
    height: 2em;
    float: right; }
    body ul.filter-links li {
      float: left;
      margin-left: 3px;
      padding: 3px 10px;
      font-size: .8em;
      text-transform: uppercase;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      font-weight: bold; }
      body ul.filter-links li.current, body ul.filter-links li:hover {
        background: #ccc url(/images/shiny.png) center left repeat-x; }
      body ul.filter-links li a {
        color: #111;
        font-weight: normal;
        display: block; }

.service {
  border-bottom: 1px solid #d5d5d5;
  padding: 1em; }
  .service.last {
    border: none; }
  .service h4 {
    font-size: 1em;
    font-weight: bold; }
  .service a.toggle {
    float: left;
    margin: 0 2em 2em 0; }
  .service .settings {
    padding: 1em;
    clear: both;
    display: none; }
  .service a.ptour {
    width: 300px;
    float: right; }
  .service img.screenshot {
    padding: 3px;
    border: 1px solid #ccc;
    margin-left: 1em; }
    .service img.screenshot:hover {
      background: #eee; }

.date-range {
  margin-right: 1em; }
  .date-range .header {
    text-align: right; }
    .date-range .header h4, .date-range .header h5 {
      float: right;
      margin-bottom: 0em;
      width: 230px;
      line-height: 1.5em; }
  .date-range .form {
    height: 200px;
    display: none;
    padding: 1em; }
    .date-range .form input.start-date, .date-range .form input.end-date {
      display: block; }
    .date-range .form button {
      font-size: 80%; }
      .date-range .form button.done {
        padding-left: 2em;
        padding-right: 2em; }
    .date-range .form .pickers {
      float: right;
      margin-top: 1em; }

ul.presets,
ul.project-toggles,
ul.user-toggles,
ul.aggregates {
  float: right;
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 0 0 25px; }
  ul.presets.loading,
  ul.project-toggles.loading,
  ul.user-toggles.loading,
  ul.aggregates.loading {
    background: transparent url(/images/ajax-loader.gif) center left no-repeat; }
  ul.presets li,
  ul.project-toggles li,
  ul.user-toggles li,
  ul.aggregates li {
    font-size: .9em;
    float: left;
    margin-right: 5px;
    line-height: 2em; }
    ul.presets li a,
    ul.project-toggles li a,
    ul.user-toggles li a,
    ul.aggregates li a {
      color: #999;
      display: block;
      padding: 0px 10px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px; }
      ul.presets li a:hover,
      ul.project-toggles li a:hover,
      ul.user-toggles li a:hover,
      ul.aggregates li a:hover {
        background-color: #999;
        color: #fff; }
    ul.presets li.selected a,     ul.presets li.selected:hover a,
    ul.project-toggles li.selected a,     ul.project-toggles li.selected:hover a,
    ul.user-toggles li.selected a,     ul.user-toggles li.selected:hover a,
    ul.aggregates li.selected a,     ul.aggregates li.selected:hover a {
      padding: 0px 10px;
      color: #333;
      background: #ccc; }

a.filters-toggle,
a.events-toggle,
a.event-details-toggle {
  float: right;
  line-height: 20px;
  padding: 10px 0 10px 20px;
  background: url(/images/icons/fugue/funnel.png) left center no-repeat;
  margin-bottom: 1em;
  margin-right: 1em; }

.filters {
  margin-right: 1em; }
  .filters .form-buttons {
    display: none; }
    .filters .form-buttons a {
      padding: 7px 10px;
      margin-left: 5px;
      margin-bottom: 2em; }
      .filters .form-buttons a:hover {
        -moz-outline-color: #A9C2FC; }
      .filters .form-buttons a.save-filters {
        padding: 7px 20px; }
      .filters .form-buttons a.remove-filters,
      .filters .form-buttons a.cancel {
        background-color: #666;
        color: #d5d5d5; }
        .filters .form-buttons a.remove-filters:hover,
        .filters .form-buttons a.cancel:hover {
          background-color: #888; }
  .filters .form-pane {
    position: relative;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em; }
    .filters .form-pane.all-selected {
      display: none; }
    .filters .form-pane h5 {
      float: left;
      margin-right: 1em;
      font-size: 1em;
      line-height: 2em;
      position: absolute; }
    .filters .form-pane .help-text {
      line-height: 2em;
      display: none; }
    .filters .form-pane ul {
      margin-left: 100px;
      float: left;
      padding: 0; }
      .filters .form-pane ul li {
        float: left;
        margin-left: 0;
        margin-right: 1em;
        margin-bottom: 1em; }
        .filters .form-pane ul li a img.gravatar {
          vertical-align: middle;
          background-color: #fff;
          padding: 2px;
          border: solid 1px #999;
          margin: 4px 4px 4px 0;
          display: none; }
      .filters .form-pane ul.project-toggles li,
      .filters .form-pane ul.user-toggles li {
        display: none; }
        .filters .form-pane ul.project-toggles li.selected,
        .filters .form-pane ul.user-toggles li.selected {
          display: inline; }
    .filters .form-pane a.all {
      background-color: #444;
      color: #fff;
      -moz-outline-color: #A9C2FC;
      text-align: center;
      display: none;
      width: 105px;
      margin-left: 1em;
      padding: 5px 10px;
      float: right;
      font-size: 85%; }
  .filters.open {
    clear: both;
    margin-bottom: 1em;
    padding: 1em;
    border: solid 1px #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
    .filters.open .form-buttons {
      display: block; }
    .filters.open .project-filter {
      clear: both; }
    .filters.open .form-pane {
      clear: both;
      margin: 1em;
      border-bottom: 1px solid #ccc;
      margin-bottom: 1em;
      padding-bottom: 1em; }
      .filters.open .form-pane.last {
        margin-bottom: 1em;
        padding-bottom: 0;
        border-bottom: none; }
      .filters.open .form-pane.all-selected {
        display: block; }
      .filters.open .form-pane h5 {
        display: block;
        position: relative;
        font-size: 1.3em; }
      .filters.open .form-pane .help-text {
        display: block; }
    .filters.open ul {
      margin: 0; }
      .filters.open ul.project-toggles li,
      .filters.open ul.user-toggles li {
        display: inline; }
        .filters.open ul.project-toggles li a,
        .filters.open ul.user-toggles li a {
          width: 130px; }
          .filters.open ul.project-toggles li a img.gravatar,
          .filters.open ul.user-toggles li a img.gravatar {
            display: inline; }
    .filters.open a.all {
      display: block; }

.yui-skin-sam .yui-calcontainer.multi {
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  border: solid 1px #ccc;
  font-size: 70%; }
  .yui-skin-sam .yui-calcontainer.multi .yui-calendar td.calcell {
    padding: 0; }
    .yui-skin-sam .yui-calcontainer.multi .yui-calendar td.calcell a.selector {
      line-height: 2em;
      color: #333;
      background: #fff url(/images/shadow_top.png) 0px -55px repeat-x; }
    .yui-skin-sam .yui-calcontainer.multi .yui-calendar td.calcell.selected {
      border-color: #44a6ee; }
      .yui-skin-sam .yui-calcontainer.multi .yui-calendar td.calcell.selected a {
        background: #44a6ee url(/images/shiny.png) 0px center repeat-x;
        color: #fff; }
    .yui-skin-sam .yui-calcontainer.multi .yui-calendar td.calcell.calcellhover {
      background-color: #666; }
      .yui-skin-sam .yui-calcontainer.multi .yui-calendar td.calcell.calcellhover a.selector {
        color: #fff;
        background-color: #555; }
    .yui-skin-sam .yui-calcontainer.multi .yui-calendar td.calcell.oom {
      background: #d5d5d5 url(/images/shadow_top.png) 0px -55px repeat-x;
      color: #333; }

ul.aggregates {
  margin: 0 0 1em 0;
  padding: 0;
  float: left;
  font-size: 1.2em; }

table.tablesorter thead tr th.header {
  background-image: url(/images/icons/bg.gif);
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer; }
table.tablesorter thead tr th.headerSortUp {
  padding-right: 20px;
  background-image: url(/images/icons/asc.gif); }
table.tablesorter thead tr th.headerSortDown {
  padding-right: 20px;
  background-image: url(/images/icons/desc.gif); }

.signup #content-wrapper, .signup #footer,
body.sessions #content-wrapper, body.sessions #footer {
  width: 750px;
  margin: 0 auto;
  margin-top: 20px;
  padding-bottom: 0em; }
.signup h5,
body.sessions h5 {
  margin: 1em 0;
  background: #8DCCF8 url(/images/shiny.png) center left repeat-x;
  padding: 10px; }
.signup.side-menu .step,
body.sessions.side-menu .step {
  margin-left: -235px;
  font-size: 1.1em;
  font-weight: bold;
  background: url(/images/menu-current-left.png) left top no-repeat;
  border: none;
  line-height: 40px;
  display: block;
  width: 215px;
  padding: 10px;
  line-height: 1.3em;
  color: #000; }
  .signup.side-menu .step span,
  body.sessions.side-menu .step span {
    font-weight: normal;
    display: block;
    float: left;
    width: 175px;
    margin-top: 1em;
    font-size: 85%;
    color: #555; }
.signup h1,
body.sessions h1 {
  margin-bottom: 0; }
.signup .field,
body.sessions .field {
  padding-left: 1em; }
.signup .form-buttons,
body.sessions .form-buttons {
  border-top: 1px solid #ccc;
  padding-top: 2em; }
.signup #footer,
body.sessions #footer {
  padding-bottom: 1em; }

#superadmin table#summary {
  text-align: center; }
  #superadmin table#summary th {
    font-size: 25px;
    text-align: center; }
  #superadmin table#summary td {
    font-size: 20px;
    text-align: center; }