/* 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("/images/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%;
	/* "turn off" link highlight */
	-webkit-tap-highlight-color: transparent;
	/* disable callout, image save panel */
	-webkit-touch-callout: none;
	/* disable cut copy paste */
	-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;
}
