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

div.ui-dynatree-container
  font-family: segoe ui, tahoma, verdana, arial, helvetica, sans-serif
  font-size: 1.0em
  white-space: nowrap
  padding: 3px
  background-color: white
  border: 1px dotted #aaaaaa
  -moz-border-radius: 4px
  -webkit-border-radius: 4px
  border-radius: 4px

  img
    width: 16px
    height: 16px
    margin-left: 3px
    vertical-align: top

  a
    color: black
    text-decoration: none
    vertical-align: top
    margin: 0px
    margin-left: 3px
    border: 1px solid white

    &:hover
      text-decoration: underline

    &:focus
      background-color: #EFEBDE


.ui-dynatree-disabled div.ui-dynatree-container
  opacity: 0.5
  background-color: silver


span
  &.ui-dynatree-empty, &.ui-dynatree-vline, &.ui-dynatree-connector
    width: 16px
    height: 16px
    display: -moz-inline-box
    display: inline-block
    vertical-align: top
    background-repeat: no-repeat
    background-position: left

  &.ui-dynatree-expander
    width: 16px
    height: 16px
    display: -moz-inline-box
    display: inline-block
    vertical-align: top
    background-repeat: no-repeat
    background-position: left
    background-image: url("/images/jquery.ui/dynatree.crystal/collapsed.png")

    &:hover
      background-image: url("/images/jquery.ui/dynatree.crystal/collapsed_hover.png")

  &.ui-dynatree-icon
    width: 16px
    height: 16px
    display: -moz-inline-box
    display: inline-block
    vertical-align: top
    background-repeat: no-repeat
    background-position: left
    margin-left: 3px
    background-image: url("/images/jquery.ui/dynatree.crystal/document.png")

  &.ui-dynatree-checkbox
    width: 16px
    height: 16px
    display: -moz-inline-box
    display: inline-block
    vertical-align: top
    background-repeat: no-repeat
    background-position: left
    margin-left: 3px
    background-image: url("/images/jquery.ui/dynatree.crystal/cbUnchecked.png")

    &:hover
      background-image: url("/images/jquery.ui/dynatree.crystal/cbUnchecked_hover.png")

  &.ui-dynatree-radio
    margin-left: 3px
    background-image: url("/images/jquery.ui/dynatree.crystal/rbUnchecked.png")

    &:hover
      background-image: url("/images/jquery.ui/dynatree.crystal/rbUnchecked_hover.png")

  &.ui-dynatree-document a, &.ui-dynatree-folder a
    display: inline-block
    padding-left: 3px
    padding-right: 3px

  &.ui-dynatree-focused a:link
    background-color: #EFEBDE

  &.ui-dynatree-selected a
    color: green
    font-style: italic

  &.ui-dynatree-active a
    border: 1px solid #99DEFD
    background-color: #D8F0FA

  &.custom1
    a
      background-color: #ffffbb
      color: maroon

    span.ui-dynatree-icon
      background-image: url("/images/jquery.ui/dynatree.crystal/doc_with_children.png")

  &.custom2
    a
      font-weight: bold
      background-color: silver
      color: navy

    span.ui-dynatree-icon
      background-image: url("/images/jquery.ui/dynatree.crystal/folder_page.png")


.ui-dynatree-expanded span.ui-dynatree-expander
  background-image: url("/images/jquery.ui/dynatree.crystal/expanded.png")

  &:hover
    background-image: url("/images/jquery.ui/dynatree.crystal/expanded_hover.png")


.ui-dynatree-partsel span.ui-dynatree-checkbox
  background-image: url("/images/jquery.ui/dynatree.crystal/cbIntermediate.png")

  &:hover
    background-image: url("/images/jquery.ui/dynatree.crystal/cbIntermediate_hover.png")


.ui-dynatree-selected span.ui-dynatree-checkbox
  background-image: url("/images/jquery.ui/dynatree.crystal/cbChecked.png")

  &:hover
    background-image: url("/images/jquery.ui/dynatree.crystal/cbChecked_hover.png")


.ui-dynatree-partsel span.ui-dynatree-radio
  background-image: url("/images/jquery.ui/dynatree.crystal/rbIntermediate.png")

  &:hover
    background-image: url("/images/jquery.ui/dynatree.crystal/rbIntermediate_hover.png")


.ui-dynatree-selected span.ui-dynatree-radio
  background-image: url("/images/jquery.ui/dynatree.crystal/rbChecked.png")

  &:hover
    background-image: url("/images/jquery.ui/dynatree.crystal/rbChecked_hover.png")


.ui-dynatree-folder
  span.ui-dynatree-icon
    background-image: url("/images/jquery.ui/dynatree.crystal/folder.png")

  &.ui-dynatree-expanded span.ui-dynatree-icon
    background-image: url("/images/jquery.ui/dynatree.crystal/folder_open.png")


.ui-dynatree-statusnode-wait span.ui-dynatree-icon
  background-image: url("/images/jquery.ui/dynatree.crystal/ltWait.gif")


.ui-dynatree-statusnode-error span.ui-dynatree-icon
  background-image: url("/images/jquery.ui/dynatree.crystal/ltError.png")