// Generated by compass-jquery-plugin/gem-tasks/jqgrid.rake

.ui-jqgrid
  position: relative
  font-size: 11px

  .ui-jqgrid-view
    position: relative
    left: 0px
    top: 0px
    padding: .0em

  .ui-jqgrid-titlebar
    padding: .3em .2em .2em .3em
    position: relative
    border-left: 0px none
    border-right: 0px none
    border-top: 0px none

  .ui-jqgrid-title
    float: left
    margin: .1em 0 .2em

  .ui-jqgrid-titlebar-close
    position: absolute
    right: .3em
    top: 50%
    width: 19px
    margin: -10px 0 0 0
    padding: 1px
    height: 18px

    span
      display: block
      margin: 1px

    &:hover
      padding: 0

  .ui-jqgrid-hdiv
    position: relative
    margin: 0em
    padding: 0em
    overflow: hidden
    border-left: 0px none !important
    border-top: 0px none !important
    border-right: 0px none !important

  .ui-jqgrid-hbox
    float: left
    padding-right: 20px

  .ui-jqgrid-htable
    table-layout: fixed
    margin: 0em

    th
      height: 22px
      padding: 0 2px 0 2px

      div
        overflow: hidden
        position: relative
        height: 16px


.ui-th-column
  overflow: hidden
  white-space: nowrap
  text-align: center
  border-top: 0px none
  border-left: 0px none
  border-bottom: 0px none


.ui-jqgrid
  .ui-jqgrid-htable th.ui-th-column
    overflow: hidden
    white-space: nowrap
    text-align: center
    border-top: 0px none
    border-left: 0px none
    border-bottom: 0px none

  .ui-th-div-ie
    white-space: nowrap
    zoom: 1
    height: 17px

  .ui-jqgrid-resize
    height: 20px !important
    position: relative
    cursor: e-resize
    cursor: col-resize
    float: right
    display: inline
    margin: -2px -2px -2px 0px
    overflow: hidden

  .ui-grid-ico-sort
    float: right
    overflow: hidden
    position: absolute
    display: inline
    cursor: pointer !important

  .ui-icon-asc
    margin-top: -3px
    height: 12px

  .ui-icon-desc
    margin-top: 3px
    height: 12px

  .ui-i-asc
    margin-top: 0px
    height: 16px

  .ui-i-desc
    margin-top: 0px
    margin-left: 13px
    height: 16px

  .ui-jqgrid-sortable
    cursor: pointer

  tr.ui-search-toolbar th
    border-top-width: 1px !important
    border-top-color: inherit !important
    border-top-style: ridge !important 


tr.ui-search-toolbar
  input, select
    margin: 1px 0px 0px 0px


.ui-jqgrid
  .ui-jqgrid-bdiv
    position: relative
    margin: 0em
    padding: 0
    overflow: auto

  .ui-jqgrid-btable
    table-layout: fixed
    margin: 0em

  tr.jqgrow td
    border-right-width: 1px
    border-right-color: inherit
    border-right-style: solid
    border-bottom-width: 1px
    border-bottom-color: inherit
    border-bottom-style: solid
    font-weight: normal
    overflow: hidden
    text-align: left
    white-space: pre
    height: 22px
    padding: 0 2px 0 2px

  td.jqgrid-rownum
    padding: 0 2px 0 2px
    margin: 0px
    border: 0px none

  .ui-jqgrid-resize-mark
    width: 2px
    left: 0
    background-color: #777
    cursor: e-resize
    cursor: col-resize
    position: absolute
    top: 0
    height: 100px
    overflow: hidden
    display: none
    border: 0 none

  .ui-jqgrid-sdiv
    position: relative
    margin: 0em
    padding: 0em
    overflow: hidden
    border-left: 0px none !important
    border-top: 0px none !important
    border-right: 0px none !important

  .ui-jqgrid-ftable
    table-layout: fixed
    margin-bottom: 0em

  tr.footrow td
    border-right-width: 1px
    border-right-color: inherit
    border-right-style: solid
    border-top-width: 1px
    border-top-color: inherit
    border-top-style: solid
    font-weight: bold
    overflow: hidden
    text-align: left
    white-space: nowrap
    height: 21px
    padding: 0 2px 0 2px

  .ui-jqgrid-pager
    border-left: 0px none !important
    border-right: 0px none !important
    border-bottom: 0px none !important
    margin: 0px !important
    padding: 0px !important
    position: relative
    height: 25px
    white-space: nowrap
    overflow: hidden

  .ui-pager-control
    position: relative

  .ui-pg-table
    position: relative
    padding-bottom: 2px
    width: auto
    margin: 0em

    td
      font-weight: normal
      vertical-align: middle
      padding: 1px
      overflow: hidden

  .ui-pg-button
    height: 19px !important

    span
      display: block
      margin: 1px
      float: left

    &:hover
      padding: 0px

  .ui-state-disabled:hover
    padding: 1px

  .ui-pg-input
    height: 13px
    font-size: .8em
    margin: 0em

  .ui-pg-selbox
    font-size: .8em
    line-height: 18px
    display: block
    height: 18px
    margin: 0em

  .ui-separator
    height: 18px
    border-left: 1px solid #ccc 
    border-right: 1px solid #ccc 
    margin: 1px
    float: right

  .ui-paging-info
    font-weight: normal
    height: 19px
    margin-top: 3px
    margin-right: 4px

  .ui-jqgrid-pager .ui-pg-div
    padding: 1px 0
    cursor: pointer
    float: left
    list-style-image: none
    list-style-position: outside
    list-style-type: none
    position: relative

    span.ui-icon
      float: left
      margin: 0 2px

  td
    input, select .ui-jqgrid td textarea
      margin: 0em

    textarea
      width: auto
      height: auto

  .ui-jqgrid-btable .ui-sgcollapsed span
    display: block

  .ui-subgrid
    margin: 0em
    padding: 0em
    width: 100%

    table
      table-layout: fixed

    tr.ui-subtblcell td
      height: 18px
      border-right-width: 1px
      border-right-color: inherit
      border-right-style: solid
      border-bottom-width: 1px
      border-bottom-color: inherit
      border-bottom-style: solid

    td.subgrid-data
      border-top: 0px none !important

  .loading
    position: absolute
    top: 45%
    left: 45%
    width: auto
    z-index: 101
    padding: 6px
    margin: 5px
    text-align: center
    font-weight: bold
    display: none
    border-width: 2px !important

  .jqgrid-overlay
    display: none
    z-index: 100


*
  html .jqgrid-overlay
    width: expression(this.parentNode.offsetWidth+'px')
    height: expression(this.parentNode.offsetHeight+'px')

  .jqgrid-overlay iframe
    position: absolute
    top: 0
    left: 0
    z-index: -1
    width: expression(this.parentNode.offsetWidth+'px')
    height: expression(this.parentNode.offsetHeight+'px')


.ui-jqgrid .ui-userdata
  border-left: 0px none
  border-right: 0px none
  height: 21px
  overflow: hidden


.ui-jqdialog
  display: none
  width: 300px
  position: absolute
  padding: .2em
  font-size: 11px
  overflow: visible

  .ui-jqdialog-titlebar
    padding: .3em .2em
    position: relative

  .ui-jqdialog-title
    float: left
    margin: .1em 0 .2em

  .ui-jqdialog-titlebar-close
    position: absolute
    right: .3em
    top: 50%
    width: 19px
    margin: -10px 0 0 0
    padding: 1px
    height: 18px

    span
      display: block
      margin: 1px

    &:hover, &:focus
      padding: 0


.ui-jqdialog-content
  border: 0
  padding: .3em .2em
  background: none
  height: auto


.ui-jqdialog
  .ui-jqdialog-content
    border: 0
    padding: .3em .2em
    background: none
    height: auto

  .ui-jqconfirm
    padding: .4em 1em
    border-width: 3px
    position: absolute
    bottom: 10px
    right: 10px
    overflow: visible
    display: none
    height: 80px
    width: 220px
    text-align: center


.ui-jqdialog-content
  .FormGrid
    margin: 0px

  .EditTable, .DelTable
    width: 100%
    margin-bottom: 0em


.EditTable td
  input, select
    margin: 0em

  textarea
    margin: 0em
    width: auto
    height: auto


.ui-jqdialog-content
  td
    &.EditButton
      text-align: right
      border-width: 1px 0 0 0
      background-image: none
      padding-bottom: 5px
      padding-top: 5px

    &.navButton
      text-align: center
      border-width: 1px 0 0 0
      background-image: none
      padding-bottom: 5px
      padding-top: 5px

  .CaptionTD
    text-align: left
    vertical-align: top
    border-left: 0px none
    border-right: 0px none
    border-bottom: 0px none
    padding: 1px
    white-space: nowrap

  .DataTD
    padding: 1px
    border-left: 0px none
    border-right: 0px none
    border-bottom: 0px none
    vertical-align: top


.fm-button
  margin: 0 4px 0 0
  padding: .4em .5em
  text-decoration: none !important
  cursor: pointer
  position: relative
  text-align: center
  zoom: 1


.fm-button-icon-left
  padding-left: 1.9em


.fm-button-icon-right
  padding-right: 1.9em


.fm-button-icon-left .ui-icon
  right: auto
  left: .2em
  margin-left: 0
  position: absolute
  top: 50%
  margin-top: -8px


.fm-button-icon-right .ui-icon
  left: auto
  right: .2em
  margin-left: 0
  position: absolute
  top: 50%
  margin-top: -8px


#nData, #pData
  float: left
  margin: 3px
  padding: 0
  display: block
  width: 15px


.ui-jqgrid
  .selected-row
    font-style: normal
    border: 0px none

    td
      font-style: normal
      border: 0px none

  .tree-wrap
    float: left
    position: relative
    height: 18px
    white-space: nowrap
    overflow: hidden

  .tree-minus, .tree-plus, .tree-leaf
    position: absolute
    height: 18px
    width: 18px
    overflow: hidden

  .treeclick
    cursor: pointer


.jqmOverlay
  background-color: #000


* iframe.jqm
  position: absolute
  top: 0
  left: 0
  z-index: -1
  width: expression(this.parentNode.offsetWidth+'px')
  height: expression(this.parentNode.offsetHeight+'px')


.ui-searchFilter
  display: none
  position: absolute
  z-index: 100
  width: 1px
  overflow: visible


.ui-searchFilter
  table
    position: relative
    margin: 0em
    width: 100%

    td
      margin: 0em
      padding: 1px

      input, select
        margin: 0.1em

  .ui-state-default
    cursor: pointer

  .divider
    height: 1px

    div
      background-color: black
      height: 1px