@mixin opacity($value)
  opacity: #{"." + $value}
  filter: alpha(opacity=$value)
  -ms-filter: "alpha(opacity=$value)"
  -khtml-opacity: #{"." + $value}
  -webkit-opacity: #{"." + $value}
  -moz-opacity: #{"." + $value}
#iki.image_window
  .background
    :z-index 1030
  .dialog_body
    :position absolute
    :background-image url('/cms/images/img_popup_bg.png')
    :width 1017px
    :height 441px
    :background-repeat no-repeat
    :padding 10px
    :z-index 1030
    :top 50px
    :left 400px
    :color black
  .dialog_content_label
    :position absolute
    :width 99px
    :height 14px
    :right 50px
    :color white
    :padding 3px 5px
    :text-align center
    :font-size 11px
    :z-index 1040
    :cursor pointer
  .dialog_content_label.libary
    :top 10px
    :background-image url('/cms/images/dialog_content_label.png')
  .dialog_content_label.preview
    :top 418px
    :background-image url('/cms/images/dialog_content_label.png')

  .dialog_contents.libary.inactive, .dialog_contents.preview.inactive
    :background-image url('/cms/images/cke_dialog_contents.png')
    :width 986px
    :height 6px
    :float left
    :margin-top 12px
    :margin-left 12px
    :position relative
    :padding 0px
    ul, div
      display: none

  .dialog_contents
    :display block
    :background-image url('/cms/images/cke_dialog_contents_active.png')
    :width 978px
    :height 376px
    :float left
    :margin-top 7px
    :margin-left 10px
    :padding 10px 5px 10px 5px
    :position relative
    ul
      :margin-left 40px
      :width 240px
      :height auto
      :font-size 12px
      :position relative
      li.map_big
        :list-style-image url('/cms/images/li_map_big.png')
      li.active ul
        :display block
      li
        :position relative
        :width 150px
        :margin-top 15px
        :float left
        :cursor pointer
        a.active
          :background-color black
          :color white
        a
          :padding 5px 10px
          :float left
          :position relative
          :width 100%
        input
          :clear none
          :float left
          :position relative
          :width 100px
          :background-color inherit
          :border 1px solid
        .add
          :background-image url('/cms/images/icons/make.png')
          :margin-left 5px
          :margin-top 2px
          :float left
          :height 15px
          :width 15px
          :cursor pointer




        ul
          :display none
          :margin-left -20px
          :width 270px
          :border-left 1px dotted black
          :margin-top 10px
          :float left
          :height auto
          li
            :margin-left 35px
            :margin-top 5px
            :float left
          li.arrow
            :list-style-image url('/cms/images/li_arrow.png')
          li.map_small
            :list-style-image url('/cms/images/li_map_small.png')
    .files
      :display none
      :right 30px
      :top 30px
      :background-image url('/cms/images/preview_bg.png')
      :width 634px
      :height 321px
      :margin 0px
      :position absolute
      :padding 10px 10px 10px 1px
      :font-size 10px
      :overflow auto
      :overflow-x hidden
      .images:first-child
        :margin-left 9px
      .images
        :margin-bottom 8px
        :float left
        :margin-left 8px
        :width 115px
        :height 105px
        &.selected
          @include opacity(60)
      tr
        :cursor pointer
        :width 630px
        :height 15px
        :color white
        :color black
        :float left

        td
          :height 15px
          :margin-top 5px
          a
            :height 13px
            :float left
            :padding 2px 10px 0px 20px
        td.name
          :width 360px
          a
            :width 335px
            :padding-left 25px
        td.date
          :width 120px
          a
            :width 100px
        td.size
          :width 120px
          a
            :width 100px

      tr.darker
        :background-color #f7f7f7
        :border-left 10px solid white
        :padding-left -10px
        :width 620px
        td.name
          a
            :margin-left -10px
      tr.title
        :height 15px
        :color white
        :float left

        td
          :height 15px
          :border-left 10px solid white
          :margin-top 5px
          a
            :height 13px
            :float left
            :background-color black
            :padding 2px 10px 0px 10px
        td.name
          :width 360px
          .title_left
            :width 4px
            :height 15px
            :float left
            :background-image url('/cms/images/table_title_left.png')
          a
            :width 336px
        td.date
          :width 120px
          a
            :width 100px
        td.size
          :width 120px
          .title_right
            :width 4px
            :height 15px
            :float left
            :background-image url('/cms/images/table_title_right.png')
          a
            :width 96px
    .preview
      :float left
      :background-image url('/cms/images/preview_bg.png')
      :width 624px
      :height 321px
      :overflow auto
      :overflow-x hidden
      :margin 18px
      :padding 10px
    .right
      :width 270px
      :height 341px
      :float right
      :margin-top 5px
      .img_nav
        :height 37px
        :width 100%
        :float left
        :margin-bottom 70px
        .b_advanced, .b_link, .b_info
          :width 36px
          :height 36px
          :float right
          :margin 0px 7px
          :cursor pointer
        .b_advanced
          :background-image url('/cms/images/gevorderd_icon.png')
        .b_link
          :background-image url('/cms/images/link_icon.png')
        .b_info
          :background-image url('/cms/images/info_icon.png')
        .b_advanced:hover, .b_advanced.active
          :background-image url('/cms/images/gevorderd_icon_hover.png')
        .b_link:hover, .b_link.active
          :background-image url('/cms/images/link_icon_hover.png')
        .b_info:hover, .b_info.active
          :background-image url('/cms/images/info_icon_hover.png')
      .bar.small
        :width 200px
        :height 17px
        :float left
        :margin-bottom 0px
        :padding-left 60px
        :margin-top -15px
        .dots
          :height 50%
          :width 50px
          :float left
          :border-bottom 1px dotted black
        .b_refresh, .b_lock
          :width 16px
          :height 16px
          :margin 1px 3px
          :float left
          :cursor pointer
        .b_lock
          :background-image url('/cms/images/b_lock.png')
        .b_refresh
          :background-image url('/cms/images/b_refresh.png')

      .bar
        :width 100%
        :height 41px
        :float left
        :margin-bottom 20px
        label
          :width 100%
          :height 13px
          :float left
          font-size 10px
        input.big
          :width 244px
          :border 0px
          :height 24px
          :float left
          :padding 2px 7px
          :background-image url('/cms/images/input_big.png')
        input.small
          :width 87px
          :border 0px
          :height 24px
          :float left
          :padding 2px 7px
          :background-image url('/cms/images/input_small.png')
        .left, .right
          :width 50%
          :height 100%
          :margin 0px
        .left
          :float left
        .right
          :width 110px
          :float right
          :padding-left 10px

  .dialog_title
    :position absolute
    :top -21px
    :left 20px
    :cursor default
  .left_tab_top
    :background-image url('/cms/images/left_tab_top.png')
    :height 22px
    :width 19px
    :float left
  .mid_tab_top
    :background-image url('/cms/images/mid_tab_top.png')
    :height 19px
    :width auto
    :float left
    :color #bfbfbf
    :font-size 12px
    :padding 3px 5px 0px 5px
  .right_tab_top
    :background-image url('/cms/images/right_tab_top.png')
    :height 22px
    :width 19px
    :float left
  .dialog_bottom_nav
    :position absolute
    :width 1017px
    :height 30px
    :top 450px
    :left 20px
    :cursor default
    :z-index -500
    .save
      :z-index 1020
      :margin-top -4px
    .cancel
      :z-index 1020
      :margin-top -4px
  .dialog_footer
    :position absolute
    :bottom -20px
    :right 20px

  .uploadifyQueueItem
    :border 2px solid #E5E5E5
    :font 11px Verdana, Geneva, sans-serif
    :margin-top 5px
    :padding 10px
    :width 350px

  .uploadifyError
    :background-color #FDE5DD !important
    :border 2px solid #FBCBBC !important

  .uploadifyQueueItem .cancel
    :float right

  .uploadifyQueue .completed
    :background-color #E5E5E5

  .uploadifyProgress
    :background-color #E5E5E5
    :margin-top 10px
    :width 100%

  .uploadifyProgressBar
    :background-color #0099FF
    :height 3px
    :width 1px
  #file_upload
    :background-color #404040
    :border 0 none
    :bottom 10px
    :left 10px
    :position absolute
    :display none
  #file_upload_queue
    :position fixed
    :right 0px
    :top 0px