/*
  Own crop tool
*/
.own_crop
{
  overflow:hidden;
}

.own_crop canvas
{
  position:relative;
}

.crop_area
{
  cursor: move;
  position: absolute;
  left: 100px;
  top: 50px;
  width: 100px;
  height: 100px;
  background: rgba(255, 255, 255, 0);
  overflow: hidden;
}

.crop_resize_n,.crop_resize_s
{
  position     : absolute;
  left         : 5px;
  right        : 5px;
  height       : 9px;
  width:       : 100%;
}

.crop_resize_w, .crop_resize_e
{
  position     : absolute;
  top          : 5px;
  bottom       : 5px;
  width        : 9px;
  width:       : 100%;
}

.crop_resize_nw, .crop_resize_ne, .crop_resize_sw, .crop_resize_se
{
  position     : absolute;
  width        : 9px;
  height       : 9px;
}

.crop_resize_n
{
  top          : -4px;
  cursor       : n-resize;
}

.crop_resize_s
{
  bottom       : -4px;
  cursor       : s-resize;
}

.crop_resize_w
{
  left         : -4px;
  cursor       : w-resize;
}

.crop_resize_e
{
  right        : -4px;
  cursor       : e-resize;
}

.crop_resize_nw
{
  top    : -4px;
  left   : -4px;
  cursor : nw-resize;
}

.crop_resize_ne
{
  top    : -4px;
  right  : -4px;
  cursor : ne-resize;
}

.crop_resize_sw
{
  bottom : -4px;
  left   : -4px;
  cursor : sw-resize;
}

.crop_resize_se
{
  bottom : -4px;
  right  : -4px;
  cursor : se-resize;
}


.crop_handle
{
  position: absolute;
  width: 8px;
  height:8px;
  border:1px solid #eee;
  background: #333;
  opacity: 0.5;
}

.crop_handle_nw
{
  left  :-4px;
  top   :-4px;
}

.crop_handle_ne
{
  right :-4px;
  top   :-4px;
}

.crop_handle_sw
{
  left  :-4px;
  bottom:-4px;
}

.crop_handle_se
{
  right :-4px;
  bottom:-4px;
}

.crop_handle_w
{
  left      : -4px;
  top       : 50%;
  margin-top: -4px;
}

.crop_handle_e
{
  right     : -4px;
  top       : 50%;
  margin-top: -4px;
}

.crop_handle_n
{
  top   :-4px;
  left  :50%;
  margin-left: -4px
}

.crop_handle_s
{
  bottom:-4px;
  left  :50%;
  margin-left: -4px;
}


.crop_coords
{
  position:absolute;
  color:#eee;
  text-shadow:0px 0px 2px #000;
  right: 5px;
  top:5px;
  white-space: no-wrap
}

.crop_shadow
{
  position: absolute;
  opacity: 0.4;
  background: black;
}

.crop_animation
{
  position: absolute;
  background-image: url('selection.gif');
}

.crop_animation_nw
{
  left:0px;
  top:0px;
  width:1px;
  bottom:0px;
}

.crop_animation_ne
{
  right:0px;
  top:0px;
  width:1px;
  bottom:0px;
}

.crop_animation_sw
{
  left:0px;
  top:0px;
  right:0px;
  height:1px;
}

.crop_animation_se
{
  left:0px;
  bottom:0px;
  right: 0px;
  height:1px;
}