body
  background-color: #c0c0c0
  background-image: url('../img/footer_bg.png')
  z-index: 1

header
  background-color: #992222
  background-image: url('../img/header_bg.png')
  padding: 15px 20px
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif
  font-weight: 300
  border-bottom: 1px solid #bbb
  h1
    font-family: Helvetica Neue Ultra Light
    font-size: 18px
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif
    font-weight: 300
    a
      color: #fafafa
      text-decoration: none
      float: left
      text-shadow: 0 1px 0 #333
      &:hover
        color: #fa9999
        text-shadow: 0 1px 0 #333
  nav
    float: right
    margin-right: 30px
    ol
      list-style: none
      margin: 0
      padding: 0
      li
        margin: 0
        padding: 0 0 0 30px
        font-size: 14px
        font-weight: 300
        float: right
        a
          color: #fafafa
          text-shadow: 0 1px 0 #333
          &:hover
            color: #fa9999
            text-shadow: 0 1px 0 #333

section#main_content
  background-color: #eee
  background-image: url('../img/main_content_bg.png')
  padding: 20px
  border-bottom: 1px solid #a0a0a0
  color: #333
  h1
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif
    font-weight: 300
    font-size: 16px
    margin-bottom: 20px
    text-shadow: 0 1px 0 white
    /*-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.15);
     *-moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.15);
     *box-shadow: 0 -1px 0 rgba(0,0,0,0.15);
  table
    width: 100%
    thead tr
      cursor: pointer
      td
        padding: 7px
        font-weight: 600
        font-size: 14px
        text-shadow: 0 1px 0 white
        &.col_clients
          width: 100px
        &.col_checks
          width: 150px
        &.col_status
          width: 80px
          display: none
    tbody tr
      background-color: #fff
      cursor: pointer
      &.status2
        background-color: #b55
        color: #fff
        border-bottom: 1px solid #933
      &.status1
        background-color: #fff
        border-bottom: 1px solid #ccc
      &.status3
        background-color: #ffffee
        border-bottom: 1px solid #fffbb5
      &:first-child
        &.status2
          border-top: 1px solid #933
        &.status1
          border-top: 1px solid #ccc
        &.status3
          border-top: 1px solid #fffbb5
      &.status2:hover, &.status1:hover, &.status3:hover
        background-color: #992222
        color: #fff
        border-bottom: 1px solid #880000
        border-top: 1px solid #880000
      td
        padding: 7px
        &#status
          display: none
  table#clients
    tbody
      tr:first-child
        border-top: 1px solid #ccc
      tr
        border-bottom: 1px solid #ccc
      tr:hover
        background-color: #992222
        color: #fff
        border-bottom: 1px solid #880000
        border-top: 1px solid #880000
  div.event_details_modal
    background-color: white
    width: 600px
    padding: 30px
    display: none
    border-radius: 5px
    -moz-border-radius: 5px
    -webkit-border-radius: 5px
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7)
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7)
    -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.7)
    h1.section_title
      margin: 20px 0 10px 0
      font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif
      font-weight: 300
      font-size: 16px
      -moz-user-select: none
      -khtml-user-select: none
      user-select: none
    h1.section_title:first-child
      margin-top: 0
    div
      &.event_detail_group
        background-color: #f0f0f0
        margin-bottom: 10px
        padding: 7px
        border-radius: 5px
        -moz-border-radius: 5px
        -webkit-border-radius: 5px
        overflow: hidden
        &:last-child
          margin-bottom: 0
        div.event_detail
          float: left
        h1
          font-size: 13px
          margin-bottom: 7px
          color: #333
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif
          font-weight: bold
          margin-bottom: 4px
          text-shadow: none
      &.action_btn
        float: left
        margin-right: 7px
        padding: 7px
        background-color: #933
        color: white
        border: 1px solid #880000
        border-radius: 5px
        -moz-border-radius: 5px
        -webkit-border-radius: 5px
        cursor: pointer
        -moz-user-select: none
        -khtml-user-select: none
        user-select: none
        &.copy
          float: right
          margin-right: 0
        &:hover
          background-color: #b33
        &:active
          background-color: #733

footer
  border-top: 1px solid #ccc
  text-align: center
  padding-top: 7px
  color: #333
  text-shadow: 0 1px 0 #ccc
  a
    color: #333
    &:hover
      color: #992222

span.events_count
  color: #992222

#lean_overlay
  position: fixed
  z-index: 100
  top: 0px
  left: 0px
  height: 100%
  width: 100%
  background: #000
  display: none

a
  color: #992222
  text-decoration: none
  &:hover
    color: #550000