/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer				:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
* {
  word-wrap: break-word;
  background-repeat: no-repeat; }

html.ui-v2, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html.ui-v2 {
  overflow-y: scroll; }

body {
  font-family: Helvetica;
  font-size: 14px;
  line-height: 20px; }

a {
  color: #4A90E2;
  text-decoration: none; }

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
  list-style: none; }

input, select {
  vertical-align: middle; }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none; }

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button {
  width: auto;
  overflow: visible; }

/* fancy stuff */
::-moz-selection {
  background: #00baec;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #00baec;
  color: #fff;
  text-shadow: none; }

/*	j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #fcd700; }

.starter-simplified {
  background: #00baec;
  background: #22a101; }
  .starter-simplified:after {
    content: "";
    display: table;
    clear: both; }
  .starter-simplified .header {
    padding: 10px 0; }
    .starter-simplified .header:after {
      content: "";
      display: table;
      clear: both; }
  .starter-simplified h1 {
    width: 300px;
    height: 40px;
    text-align: left;
    float: left;
    overflow: hidden;
    opacity: 0.9;
    margin-left: 20px;
    background-size: 143px 25px;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    line-height: 40px; }
    .starter-simplified h1:hover {
      opacity: 1; }
  .starter-simplified h2 {
    color: #fff;
    padding: 10px;
    font-size: 18px; }
  .starter-simplified .nav {
    clear: both;
    background: #1E7C00;
    padding: 0 20px; }
    .starter-simplified .nav:after {
      content: "";
      display: table;
      clear: both; }
    .starter-simplified .nav li {
      float: left;
      margin: 0;
      padding: 0; }
      .starter-simplified .nav li:first-child {
        border-right: 2px solid rgba(255, 255, 255, 0.2); }
    .starter-simplified .nav a {
      display: block;
      padding: 10px 15px;
      color: #fff;
      font-size: 14px;
      text-decoration: none; }
      .starter-simplified .nav a:hover, .starter-simplified .nav a.selected {
        background: rgba(0, 0, 0, 0.3); }

div.quickbooks {
  padding-top: 20px; }
  div.quickbooks h1 {
    line-height: 40px;
    padding: 20px 40px;
    margin: 0;
    font-size: 24px;
    color: #00baec;
    margin-right: 5px; }
  div.quickbooks h2 {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 30px;
    padding: 0 10px;
    font-weight: normal; }
  div.quickbooks section {
    padding: 20px 10px 20px 30px; }
  div.quickbooks .needs_attention {
    background: #FFFEEB; }
  div.quickbooks .vendors li,
  div.quickbooks .receipts li {
    position: relative; }
  div.quickbooks span.controls {
    position: absolute;
    right: 10px; }
  div.quickbooks .vendors header {
    padding: 10px 0; }
  div.quickbooks .vendors > li {
    border-bottom: 1px solid #eee; }
    div.quickbooks .vendors > li:last-child {
      border-bottom: none; }
    div.quickbooks .vendors > li h3 {
      display: inline;
      font-size: 16px;
      padding: 10px; }
    div.quickbooks .vendors > li .receipts_no {
      font-size: 12px;
      color: #999; }
    div.quickbooks .vendors > li .btn-toggle {
      position: absolute;
      left: -10px;
      text-indent: -9999em;
      width: 0;
      height: 0;
      border: solid transparent;
      border-width: 8px 10px;
      border-left: 10px solid rgba(0, 0, 0, 0.2); }
      div.quickbooks .vendors > li .btn-toggle:hover {
        border-left-color: #00baec; }
      div.quickbooks .vendors > li .btn-toggle.open {
        margin-top: 4px;
        left: -12px;
        border: solid transparent;
        border-width: 10px 8px;
        border-top: 10px solid rgba(0, 0, 0, 0.2); }
        div.quickbooks .vendors > li .btn-toggle.open:hover {
          border-top-color: #00baec; }
    div.quickbooks .vendors > li .controls {
      font-size: 12px; }
  div.quickbooks .receipts > li {
    color: #999;
    font-size: 12px;
    padding: 10px; }
    div.quickbooks .receipts > li:hover {
      background: rgba(0, 186, 236, 0.05); }
    div.quickbooks .receipts > li a:hover {
      text-decoration: underline; }
  div.quickbooks .receipts h4 {
    display: inline; }
  div.quickbooks .already_exported .controls a {
    display: inline-block;
    background: #ddd;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 12px;
    color: #333; }
    div.quickbooks .already_exported .controls a:hover {
      background: #333; }
    div.quickbooks .already_exported .controls a:hover {
      color: #fff;
      text-decoration: none; }
  div.quickbooks.card_reconciliation {
    padding: 20px 20px 20px 40px; }
    div.quickbooks.card_reconciliation h1 {
      padding-left: 0; }
    div.quickbooks.card_reconciliation p {
      margin-bottom: 20px; }
    div.quickbooks.card_reconciliation li {
      margin-bottom: 10px; }
    div.quickbooks.card_reconciliation .controls {
      padding: 20px 0 0 0; }
  div.quickbooks p.controls {
    padding: 0 20px 20px 40px; }
    div.quickbooks p.controls a {
      display: inline-block;
      background: #22a101;
      color: #fff;
      padding: 10px;
      text-decoration: none;
      border-radius: 3px; }
      div.quickbooks p.controls a:hover {
        background: #333; }
  div.quickbooks.setup h2 {
    padding: 0 20px 20px 40px; }
  div.quickbooks p.success {
    padding: 0 20px 20px 40px; }
  div.quickbooks .success-msg {
    display: block;
    background: #F8FFF1;
    padding: 10px;
    color: #023400;
    border: 2px solid #ECFDDB;
    border-radius: 3px; }
  div.quickbooks .error-msg {
    display: block;
    background: #FFEFEE;
    padding: 10px;
    color: #390300;
    border: 2px solid #FDB9B5;
    border-radius: 3px; }