/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/

.jcrop-holder {direction:ltr; text-align:left;}
/* Selection Border */
.jcrop-vline, .jcrop-hline {background:#ffffff url("/pic/jcrop.gif"); font-size:0; position:absolute;}
.jcrop-vline {height:100%; width:1px !important;}
.jcrop-vline.right {right:0;}
.jcrop-hline {height:1px !important; width:100%;}
.jcrop-hline.bottom {bottom:0;}
/* Invisible click targets */
.jcrop-tracker {height:100%; width:100%; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none;}
/* Selection Handles */
.jcrop-handle {background-color:#333333; border:1px #eeeeee solid; width:7px; height:7px; font-size:1px;}
.jcrop-handle.ord-n {left:50%; margin-left:-4px; margin-top:-4px; top:0;}
.jcrop-handle.ord-s {bottom:0; left:50%; margin-bottom:-4px; margin-left:-4px;}
.jcrop-handle.ord-e {margin-right:-4px; margin-top:-4px; right:0; top:50%;}
.jcrop-handle.ord-w {left:0; margin-left:-4px; margin-top:-4px; top:50%;}
.jcrop-handle.ord-nw {left:0; margin-left:-4px; margin-top:-4px; top:0;}
.jcrop-handle.ord-ne {margin-right:-4px; margin-top:-4px; right:0; top:0;}
.jcrop-handle.ord-se {bottom:0; margin-bottom:-4px; margin-right:-4px; right:0;}
.jcrop-handle.ord-sw {bottom:0; left:0; margin-bottom:-4px; margin-left:-4px;}
/* Dragbars */
.jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {height:7px; width:100%;}
.jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {height:100%; width:7px;}
.jcrop-dragbar.ord-n {margin-top:-4px;}
.jcrop-dragbar.ord-s {bottom:0; margin-bottom:-4px;}
.jcrop-dragbar.ord-e {margin-right:-4px; right:0;}
.jcrop-dragbar.ord-w {margin-left:-4px;}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline {background:#ffffff; filter:alpha(opacity=70) !important; opacity:.70!important;}
.jcrop-light .jcrop-handle {-moz-border-radius:3px; -webkit-border-radius:3px; background-color:#000000; border-color:#ffffff; border-radius:3px;}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline {background:#000000; filter:alpha(opacity=70) !important; opacity:0.7 !important;}
.jcrop-dark .jcrop-handle {-moz-border-radius:3px; -webkit-border-radius:3px; background-color:#ffffff; border-color:#000000; border-radius:3px;}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline, .solid-line .jcrop-hline {background:#ffffff;}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img, img.jcrop-preview {max-width:none;}