html, body
  height: 100%

div#fancy_overlay
  position: fixed
  top: 0
  left: 0
  width: 100%
  height: 100%
  background-color: #666666
  display: none
  z-index: 30

* html div#fancy_overlay
  position: absolute
  height: 580px

div
  &#fancy_wrap
    text-align: left
  &#fancy_loading
    position: absolute
    height: 40px
    width: 40px
    cursor: pointer
    display: none
    overflow: hidden
    background: transparent
    z-index: 100
    div
      position: absolute
      top: 0
      left: 0
      width: 40px
      height: 480px
      background: transparent url("/images/fancybox/fancy_progress.png") no-repeat
  &#fancy_loading_overlay
    position: absolute
    background-color: white
    z-index: 30
  &#fancy_loading_icon
    position: absolute
    background: url("/images/fancybox/fancy_loading.gif") no-repeat
    z-index: 35
    width: 16px
    height: 16px
  &#fancy_outer
    position: absolute
    top: 0
    left: 0
    z-index: 90
    padding: 18px 18px 33px 18px
    margin: 0
    overflow: hidden
    background: transparent
    display: none
  &#fancy_inner
    position: relative
    width: 100%
    height: 100%
    border: 1px solid #bbbbbb
    background: white
  &#fancy_content
    margin: 0
    z-index: 100
    position: absolute
  &#fancy_div
    background: black
    color: white
    height: 100%
    width: 100%
    z-index: 100

img#fancy_img
  position: absolute
  top: 0
  left: 0
  border: 0
  padding: 0
  margin: 0
  z-index: 100
  width: 100%
  height: 100%

div#fancy_close
  position: absolute
  top: -12px
  right: -15px
  height: 30px
  width: 30px
  background: url("/images/fancybox/fancy_closebox.png") top left no-repeat
  cursor: pointer
  z-index: 181
  display: none

#fancy_frame
  position: relative
  width: 100%
  height: 100%
  display: none

#fancy_ajax
  width: 100%
  height: 100%
  overflow: auto

a
  &#fancy_left, &#fancy_right
    position: absolute
    bottom: 0px
    height: 100%
    width: 35%
    cursor: pointer
    z-index: 111
    display: none
    outline: none
  &#fancy_left
    left: 0px
  &#fancy_right
    right: 0px

span
  &.fancy_ico
    position: absolute
    top: 50%
    margin-top: -15px
    width: 30px
    height: 30px
    z-index: 112
    cursor: pointer
    display: block
  &#fancy_left_ico
    left: -9999px
    background: transparent url("/images/fancybox/fancy_left.png") no-repeat
  &#fancy_right_ico
    right: -9999px
    background: transparent url("/images/fancybox/fancy_right.png") no-repeat

a
  &#fancy_left:hover, &#fancy_right:hover
    visibility: visible
  &#fancy_left:hover span
    left: 20px
  &#fancy_right:hover span
    right: 20px

.fancy_bigIframe
  position: absolute
  top: 0
  left: 0
  width: 100%
  height: 100%
  background: transparent

div
  &#fancy_bg
    position: absolute
    top: 0
    left: 0
    width: 100%
    height: 100%
    z-index: 70
    border: 0
    padding: 0
    margin: 0
  &.fancy_bg
    position: absolute
    display: block
    z-index: 70
    border: 0
    padding: 0
    margin: 0
  &.fancy_bg_n
    top: -18px
    width: 100%
    height: 18px
    background: transparent url("/images/fancybox/fancy_shadow_n.png") repeat-x
  &.fancy_bg_ne
    top: -18px
    right: -13px
    width: 13px
    height: 18px
    background: transparent url("/images/fancybox/fancy_shadow_ne.png") no-repeat
  &.fancy_bg_e
    right: -13px
    height: 100%
    width: 13px
    background: transparent url("/images/fancybox/fancy_shadow_e.png") repeat-y
  &.fancy_bg_se
    bottom: -18px
    right: -13px
    width: 13px
    height: 18px
    background: transparent url("/images/fancybox/fancy_shadow_se.png") no-repeat
  &.fancy_bg_s
    bottom: -18px
    width: 100%
    height: 18px
    background: transparent url("/images/fancybox/fancy_shadow_s.png") repeat-x
  &.fancy_bg_sw
    bottom: -18px
    left: -13px
    width: 13px
    height: 18px
    background: transparent url("/images/fancybox/fancy_shadow_sw.png") no-repeat
  &.fancy_bg_w
    left: -13px
    height: 100%
    width: 13px
    background: transparent url("/images/fancybox/fancy_shadow_w.png") repeat-y
  &.fancy_bg_nw
    top: -18px
    left: -13px
    width: 13px
    height: 18px
    background: transparent url("/images/fancybox/fancy_shadow_nw.png") no-repeat
  &#fancy_title
    position: absolute
    bottom: -33px
    left: 0
    width: 100%
    z-index: 100
    display: none
    div
      color: white
      font: bold 12px Arial
      padding-bottom: 3px
    table
      margin: 0 auto
      td
        padding: 0
        vertical-align: middle

td
  &#fancy_title_left
    height: 32px
    width: 15px
    background: transparent url(/images/fancybox/fancy_title_left.png) repeat-x
  &#fancy_title_main
    height: 32px
    background: transparent url(/images/fancybox/fancy_title_main.png) repeat-x
  &#fancy_title_right
    height: 32px
    width: 15px
    background: transparent url(/images/fancybox/fancy_title_right.png) repeat-x